@font-face {
    font-family: 'maven';
    src: url('../fonts/maven.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Bebas";
    src: url("../fonts/BEBAS___-webfont.woff.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}


@font-face {
    font-family: "opensans";
    src: url("../fonts/opensans.ttf") format('opentype');
    font-weight: normal;
    font-style: normal
}

.Bebas {
    font-family: "Bebas";
}

.Conv_DINCondensedC {
    font-family: "Conv_DINCondensedC";
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    width: 100%;

}

body {
    margin: 0;
    width: 100%;
    overflow-x:hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    color: #222;
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6,
.dark {
    color: #222;
    z-index: 11;
}

a:active,
a:hover,
a:hover i,
a:hover .iconfont ,a:hover span, a:hover h5,a:hover p,a:hover small,a:hover li small,a:hover li {
    outline: 0;
    color: #00479d;
}

a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6,
.blue {
    color: #00479d;
}
.orange{
    color:#ff6600;
}
.bluebg{background-color:#00479d}
.bluebg hr{opacity: .2}
.bluebg > *{color:#fff;}
.yellowbg{background-image: url(../images/bg.webp);background-size:100%;background-repeat: repeat-y;}
.grey {
    color: #aaa;
}
.green{
    color:#00479d;
}
.pic {
    overflow: hidden;

}
.circle{border-radius: 50em}
.pic img{width:100%}
a:hover .pic img,
.pic:hover img {
    transform: scale(1.09)
}

a *,
a,
img,.iconfont {
    transition: 400ms;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}


mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}



sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
    background-color: transparent;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select {
        background: #fff !important;
    }

    .navbar {
        display: none;
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td,
    .table th {
        background-color: #fff !important;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

.thin {
    font-weight: 100;
}

/*==================  Stuck menu  ======================*/
.isStuck {
    background: #ffffff;
    z-index: 999;
    box-shadow: 0 15px 25px rgba(0, 0, 0, .1);
}

.isStuck .navbar-header {
    margin-top: 0;
}

/*
.isStuck .navbar-nav>li>a {
    padding: 28px 15px 25px;
}
*/
@media only screen and (max-width: 992px) {
    .isStuck {
        display: none !important;
    }
}

/*
.isStuck .sf-menu ul {
    top: 80px;
}
*/
.isStuck .sf-menu ul ul {
    top: 0;
}

/*==================     ToTop     ======================*/
.toTop {
    width: 50px;
    height: 50px;
    background: #2051b9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
    color: #fff;
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 99999;
}

.toTop:before {
    line-height: 47px;
    font-size: 22px;
    font-weight: 700;
}

.toTop:hover {
    color: #fff;
    background: #1f2430;
    text-decoration: none;
}

.mobile .toTop,
.tablet .toTop {
    display: none !important;
}

/*==================   Tumbnail    ======================*/
.thumb {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.thumb img {
    width: 100%;
    height: auto;
    -moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.thumb_overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #ffffff;
    background: transparent;
}

.thumb_overlay:before {
    content: '\f065';
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 20px;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.lt-ie9 .thumb_overlay:before {
    display: none;
}

.thumb:hover .thumb_overlay {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}

.lt-ie9 .thumb:hover .thumb_overlay {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
    zoom: 1;
}

.thumb:hover .thumb_overlay:before {
    opacity: 1;
}

.lt-ie9 .thumb:hover .thumb_overlay:before {
    display: block;
}

.thumb:hover img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*==================  RD Parallax    ======================*/
.parallax {
    position: relative;
    overflow: hidden;
}

.parallax_image,
.parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform;
}

.parallax_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.parallax_pattern {
    background-repeat: repeat;
}

.parallax_cnt {
    position: relative;
}

.parallax a.link {
    text-decoration: underline;
}

/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    text-align: left;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.rd-mobilemenu.active {
    right: 0;
    background-color: rgba(0, 0, 0, .5);
}

.rd-mobilemenu_ul {
    position: fixed;
    top: -56px;
    right: 0;
    bottom: -56px;
    width: 70%;
    padding: 132px 0 76px;
    color: #666666;
    background: rgba(255, 255, 255, 0.97);
    font-size: 14px;
    line-height: 20px;
    overflow: auto;
    -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

.lt-ie9 .rd-mobilemenu_ul {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff');
    zoom: 1;
}

.rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.rd-mobilemenu_ul li.active>a {
    background: #fff;
    color: #ff6600;
}

.rd-mobilemenu_ul a {
    display: block;
    padding: 15px 25px 18px;
}

.rd-mobilemenu_ul a.active {
    background: #f5f5f5;
    color: #2d2d2d;
}

.rd-mobilemenu_ul a:hover {
    background: #fff;
    color: #ff6600;
}

.rd-mobilemenu_ul a .rd-submenu-toggle {
    position: absolute;
    top: 50%;
    right: 11px;
    margin-top: -12.5px;
    width: 25px;
    height: 25px;
    font: 400 10px 'FontAwesome';
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    z-index: 1;
    background: #ff6600;
    color: #fff;
}

.rd-mobilemenu_ul a .rd-submenu-toggle:after {
    content: '\f078';
}

.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
    background: #ffffff;
    color: #666666;
}

.rd-mobilemenu_ul a.rd-with-ul {
    position: relative;
}

.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rd-mobilemenu_ul ul a {
    padding-left: 40px;
    border: none;
    padding-top: 20px;
    padding-bottom: 22px;
}

.rd-mobilemenu_ul ul ul {
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    left: 0;
    top: 0;
    text-align: left;
    transform: none;
}

.rd-mobilemenu_ul ul ul:before,
.rd-mobilemenu_ul ul ul:after {
    display: none;
}

.rd-mobilemenu_ul ul ul li {
    border: none;
    box-shadow: none;
}

.rd-mobilemenu_ul ul ul a {
    padding: 0;
    margin: 0;
    padding-left: 60px;
    color: inherit;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 18px;
    border: none;
    box-shadow: none;
}

.rd-mobilemenu_ul ul ul a.active {
    background: #f5f5f5;
    color: #2d2d2d;
}

.rd-mobilemenu_ul ul ul a:hover {
    background: #ff6600;
    color: #ffffff;
}

.rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px;
}

.rd-mobilepanel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: #ffffff;
    color: #000000;
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.rd-mobilepanel_title {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-image: url(../images/logo.webp);
    height: 56px;
    width: 200px;
    background-repeat: no-repeat;
    background-size: contain;

}

@media(max-width: 500px) {
    .rd-mobilepanel_title {
        left: 2%
    }
}

.rd-mobilepanel_title small {
    display: none;
}

.rd-mobilepanel_title a {
    display: block;
    width: 100%;
    height: 100%;
}

.rd-mobilepanel_toggle {
    position: fixed;
    top: 4px;
    right: 8px;
    width: 48px;
    height: 48px;
    border-color: transparent;
    outline: none;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rd-mobilepanel_toggle span:after {
    top: 8px;
}

.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span {
    width: 24px;
    height: 2px;
    background-color: #000000;
    backface-visibility: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.rd-mobilepanel_toggle.active span {
    transition: background .3s 0s ease;
    background: transparent;
}

.rd-mobilepanel_toggle.active span:before,
.rd-mobilepanel_toggle.active span:after {
    top: 0;
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

.rd-mobilepanel_toggle.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rd-mobilepanel_toggle.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 767px) {


    .rd-mobilemenu,
    .rd-mobilepanel {
        display: block;
    }
}

@media (max-width: 359px) {
    .rd-mobilepanel_title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    div#panel .navbar-header .navbar-toggle .icon-bar {
        background-color: #000000;
    }

    div#panel #advanced .navbar-collapse li a,
    div#panel #advanced .navbar-collapse .dropdown-menu li a {
        background: #ffffff !important;
        color: #666666 !important;
    }

    .lt-ie9 div#panel #advanced .navbar-collapse li a,
    .lt-ie9 div#panel #advanced .navbar-collapse .dropdown-menu li a {
        background: none !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff') !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff') !important;
        zoom: 1 !important;
    }

    div#panel #advanced .navbar-collapse li a:hover {
        background: #ff6600 !important;
        color: #ffffff !important;
    }

    div#panel #advanced .navbar-collapse .-tm-dropdown.open>a {
        background-color: #f5f5f5 !important;
        color: #2d2d2d !important;
    }

    div#panel #advanced .navbar-collapse,
    div#panel #advanced .navbar-collapse .dropdown-menu {
        background: #ffffff !important;
        padding-top: 0 !important;
        -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) !important;
        -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) !important;
    }

    .lt-ie9 div#panel #advanced .navbar-collapse,
    .lt-ie9 div#panel #advanced .navbar-collapse .dropdown-menu {
        background: none !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff') !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff') !important;
        zoom: 1 !important;
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/*


@media (max-width: 500px) {
    .row .col-xs-6 {
        clear: both;
        width: 100%;
    }
}

@media (max-width: 550px) {
    .row .col-xs-4 {
        clear: both;
        width: 100%;
    }
}*/

@media (max-width: 767px) {
    .row .col-xs-12+* {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .row .col-sm-12+* {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .row .col-sm-6 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}

.col-4_mod div:nth-child(n+4) {
    margin-top: 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-4_mod div:nth-child(3n+4) {
        clear: both;
    }
}

@media (max-width: 991px) {
    .col-4_mod div:nth-child(n+3) {
        margin-top: 30px;
    }

    .col-4_mod div:nth-child(2n+3) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .col-4_mod div:nth-child(n+2) {
        margin-top: 40px;
    }

    .col-4_mod div:nth-child(n+1) {
        float: none;
        text-align: center;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
}

.col-3_mod div:nth-child(n+5) {
    margin-top: 51px;
}

.col-3_mod div:nth-child(4n+5) {
    clear: both;
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-3_mod div:nth-child(2n+3) {
        clear: both;
    }
}

@media (max-width: 991px) {
    .col-3_mod div:nth-child(n+3) {
        margin-top: 51px;
    }

    .col-3_mod div:nth-child(2n+3) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .col-3_mod div:nth-child(n+2) {
        margin-top: 60px;
    }

    .col-3_mod div:nth-child(n+1) {
        float: none;
        text-align: center;
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    color: #333;
    -webkit-text-size-adjust: none;
    font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.bodyen{   font-family:"maven","SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.bodyen .cn{display: none;}
.bodycn .en{display: none;}
@media(min-width:1200px) {
    body {
        font-size: 16px
    }
}







input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
}

a:active {
    background: transparent;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #ff6600;
}

a[href^="tel:"],
a[href^="callto:"] {
    text-decoration: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-thumbnail {
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.clear-flt {
    clear: both;
}

hr {
    margin-top: 12px;
    margin-bottom: 8px;
    border: 0;
    border-top: 1px solid #d2d3d4;
}

em {
    font-style: normal;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}
@media(min-width:960px){
.brpc{display: block;}
}


/*========================================================
                     HEADER  Section
=========================================================*/
header {

    width: 100%;
    top: 0;
    z-index: 999;
    transition: 600ms;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 2rem ;
    position: fixed;
}
header.nopor{position: relative;}
header .logo {width:288px;}
header .logo a{display: block;}
header.active:after,.header.mousein:after{position:absolute;bottom:0;height:1px;width:100%;left:0;right:0;margin:auto;content:'';background-color: rgba(0,0,0,.1)}
.header.mousein{width:100%;background-color: #fff;box-shadow: 0 25px 65px rgba(0,0,0,.1)}
/*========================================================
                     CONTENT  Section
=========================================================*/

.b66618105 header,.b66618106 header {
    background: rgba(255,255,255,.9);
}


@media(min-width:1700px){
.tit h2{
    font-size:280%;
}
}
.titbg{background-image: url(../images/tbg.webp);background-size: 100%;}
.idxpros.flex{flex-wrap:nowrap;justify-content: space-between;overflow:hidden;width:116vw;margin-left:-8vw;}
        .idxpros .item{width:33%;position: relative;transition: 600ms;}



        .idxpros .item .skimg{width:100%;height:80vh;transform: skew(-18deg);position: relative;overflow:hidden; transition: 600ms;}
        .idxpros .item .skimg .t1{
              width: 75vw;
              height: 100%;
              position: absolute;
              max-width:unset;
              top: 50%;
              left: 50%;
              transition: left 0.3s linear;
              transform: translate(-50%,-50%) skew(18deg);


        }
        .idxpros .item .skimg .t2{z-index:55;
            bottom:0;
            position: absolute;width:80%;left:50%; transform: translate(-50%) skew(18deg);
        }

        .idxpros .item.hiden{width:25%}
        .idxpros .item.show{width:49%;}
        .idxpros .item .txt{position: absolute;left:50%; top:15%; transform: translateX(-50%);z-index:56;transition: 800ms;z-index:150}
        .idxpros .item .txt h1{font-size:400%;padding-left:50%;transition: 600ms;}


        .idxpros .item .txt h4{line-height:2em}
        .idxpros .item .txt h4,.idxpros .item .txt .btn{opacity: 0;transition: 600ms;}
        .idxpros .item.show .txt{left:15%;transform: unset;}
        .idxpros .item.show .txt h4,.idxpros .item.show .txt .btn{opacity: 1}
        .idxpros .item.show .t2{left:80%;width:70%}
        .idxpros .item.itemc.show .t2{left:70%}
        .idxpros .item.itema.show .txt{left:20%}
        .idxpros .item.show .txt h1{padding-left:0%}
        .idxprob .item a{display: block;position: relative;overflow:hidden;}
        .idxprob .item a .txt{position: absolute;left:5%;top:50%;transform: translateY(-50%);}
        .idxprob .item a:hover,.idxprob .item a h1,.idxprob .item a p{color:#fff;}
        .idxprob .item .skimg .t1{width:100%}
        .idxprob .item .skimg .t2{position: absolute;right:-15%;bottom:-25%;width:60vw}

.idxabout{position: relative;}
.idxabouta{justify-content: space-between;}
.idxabouta .txt{width:100%;padding-bottom:5vh}
.idxabouta .compic{width:100%;overflow:hidden;}
.idxaboutb > div em{font-size:180%;line-height: 60px}
.idxaboutb > div,.idxaboutb h5{font-size:100%}

@media(min-width:1200px){
.idxabouta .txt{width:45%;}
.idxabouta .compic{width:50%;border-radius: 1.5em;}
.idxaboutb > div,.idxaboutb h5{font-size:118%}
.idxaboutb > div em{font-size:250%;line-height: 80px}

}

@media(min-width:1600px){
.idxaboutb > div em{font-size:340%;line-height: 80px}

}
@media(max-width:800px){
.idxaboutb > div{width:33.3333%}
.idxaboutb.justify-content-between{justify-content: unset !important;}
}
.idxabouta p{line-height:2.5em;}

.compic .swiper-pagination-bullets.swiper-pagination-horizontal,.swpages.swiper-pagination-bullets.swiper-pagination-horizontal{}
.compic .swiper-pagination-bullet,.swpages .swiper-pagination-bullet{width:12px;height:12px;border-radius:6px;transition: 600ms;}
.compic .swiper-pagination-bullet-active,.swapges .swiper-pagination-bullet-active{background:#000;width:22px;opacity: .5}

.idxabout .w94{position: relative;z-index: 5}
.idxabout .vid{position: absolute;bottom:0;left:0;width:100%}
.idxabout .vid video{object-fit: cover;}
.idxnewsl a{position: relative;display: block;}
.idxnewsl a .info{color:#fff;position: absolute;left:0;width:100%;bottom:0;padding:12vh 2em 2em;
  background-image: linear-gradient(to top,  rgba(0, 71, 157, 0.8) 0%, rgba(0, 71, 157, 0) 90%);
}

.idxnewsl a .info h6{color:#fff}
.idxnewsr ,.idxnewsl{width:100%}
.idxnewsl{margin-bottom:1.5em}
.idxnewsl a .info,.idxnewsl a .info h2,.idxnewsl a:hover h4,.idxnewsl a:hover h2{color:#fff;}
.idxnewsl a .info h2{margin-bottom:0}
.idxnewsr a h6{margin-top:0;margin-bottom:0;}
.idxnewsl a .info.flex{flex-wrap:nowrap;}
.idxnewsl a .info > div:nth-child(1){padding-right:1.5em;margin-right:1.5em;border-right:1px solid rgba(255,255,255,.1)}
.idxnewsl a:hover p,.idxnewsl a:hover span{color:rgba(255,255,255,.5)}
.idxnewsl a span{font-size:80%}

@media(min-width:1000px){
.idxnewsr ,.idxnewsl{width:49.2%}
.idxnewsl{margin-bottom:1.5em}
.idxnewsr a h6{margin-bottom:.75em;}
}
.idxnewsr li{background-color: #fff;margin-bottom:1.5em;}
.idxnewsr a {display: flex;width:100%;align-items: center;}
.idxnewsr a h6{margin-top:0;}
.idxnewsr a .pica{width:30%;}
.idxnewsr a .info{width:70%;padding:0 1.5em}
@media(max-width:600px){
.partners img{width:100%}
.partners li{width:49%}
.idxnewsr a .info{width:70%;padding:0 1em}

}
/*========================================================
                     FOOTER  Styles
=========================================================*/

footer {background-color: #282e3e;color:#fff;background-size: 50%}
footer a{color:#fff;}
footer hr{margin:3em 0 0;opacity: .1}
footer .flex > div > a{font-size:115%;margin-bottom:1em;font-weight:800;display: block;}
footer .powerby > div > a{font-size:unset;margin-bottom:unset;font-weight:unset;display: unset;}
footer ul li{line-height: 2.4em;}
footer ul li a{display: block}
@media(max-width:600px){
    .footlst > div:nth-child(1){order:2;}
.footlst > div:nth-child(2){order:1;padding-top:2em;padding-bottom:2em;}
}

.powerby{padding:1em 0}
.powerby > div:nth-child(1){opacity: .5}
.powerby .text-center{max-width:6vw}
.powerby{font-size:80%}

.ftop {
    padding: 2rem 0
}

.socials {font-size:140%;margin-top:1rem;color:#aaa;}

.online span {
    border-bottom: 1px solid #333;
    
}

.online:text {
    text-decoration: underline;
}

.flogo {
    width: 25%;
}
.flogo img{width:70%;margin-bottom:2em;
image-rendering:-moz-crisp-edges;image-rendering:-0-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;
}

.flogo h4,.ctinfo .flex2 h4{margin-top:0}
.flogo .iconfont,.ctinfo .flex2 .iconfont{font-size:300%}
.flogo ul li:nth-child(2),.ctinfo .flex2 li:nth-child(2){padding-left:1em;}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight:800;
    margin: 0;
    line-height: 1.2;
    margin: 1rem 0;
    text-transform: capitalize;
}

.h6.dark {
    color: #222;
}

h1,
.h1 {
    font-size: 56px;
}



h2,
.h2 {
    font-size: 36px;
}

@media (max-width: 1199px) {

    h1,
    .h1 {
        font-size: 40px;
    }

    h2,
    .h2 {
        font-size: 30px;
    }
}

@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: 36px;
    }

    h2,
    .h2 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {

    h1,
    .h1 {
        font-size: 25px;
    }

    h2,
    .h2 {
        font-size: 18px;
    }
}

h3,
.h3 {
    font-size: 36px;
}

@media (max-width: 1980px) {

    h3,
    .h3 {
        font-size: 30px;
    }
}

@media (max-width: 1199px) {

    h3,
    .h3 {
        font-size: 26px;
    }
}

@media (max-width: 991px) {

    h3,
    .h3 {
        font-size: 20px;
    }
}

@media (max-width: 479px) {

    h3,
    .h3 {
        font-size: 20px;
    }
}

h4,
.h4 {
    font-size: 25px;
}

@media (max-width: 1199px) {

    h4,
    .h4 {
        font-size: 25px;
    }
}

@media (max-width: 991px) {

    h4,
    .h4 {
        font-size: 20px;
    }
}

@media (max-width: 479px) {

    h4,
    .h4 {
        font-size: 16px;
    }
}

h5,
.h5 {
    font-size: 16px;
}

@media (max-width: 1199px) {

    h5,
    .h5 {
        font-size: 16px;
    }
}

h6,
.h6 {
    font-size: 20px;
    line-height: 1.4;
}

h6.mod1,
.h6.mod1 {
    font-size: 30px;
}

@media (max-width: 991px) {

    h6.mod1,
    .h6.mod1 {
        font-size: 22px;
    }
}

@media (max-width: 1400px) {

    h6,
    .h6 {
        font-size: 16px;
    }
}

.txtover {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.line1 {
    -webkit-line-clamp: 1;
}

.line2 {
    -webkit-line-clamp: 2;
}

.line3 {
    -webkit-line-clamp: 3;
}

.line4 {
    -webkit-line-clamp: 4;
}

.lh1 {
    line-height: 1
}

.lh2 {
    line-height: 2
}

.lh3 {
    line-height: 3
}

.lh4 {
    line-height: 4
}

.lh5 {
    line-height: 5
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: 2rem
}

.m-2 {
    margin: 4rem
}

.m-3 {
    margin: 6rem
}

.m-4 {
    margin: 8rem
}

.m-5 {
    margin: 10rem
}

.m-auto {
    margin: auto
}


.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: 2rem
}

.ml-2 {
    margin-left: 4rem
}

.ml-3 {
    margin-left: 6rem
}

.ml-4 {
    margin-left: 8rem
}

.ml-5 {
    margin-left: 10rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: 2rem
}

.mr-2 {
    margin-right: 4rem
}

.mr-3 {
    margin-right: 6rem
}

.mr-4 {
    margin-right: 8rem
}

.mr-5 {
    margin-right: 10rem
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: 2rem
}

.mt-2 {
    margin-top: 4rem
}

.mt-3 {
    margin-top: 6rem
}

.mt-4 {
    margin-top: 8rem
}

.mt-5 {
    margin-top: 10rem
}

.mt-auto {
    margin-top: auto
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: 2rem
}

.mb-2 {
    margin-bottom: 4rem
}

.mb-3 {
    margin-bottom: 6rem
}

.mb-4 {
    margin-bottom: 8rem
}

.mb-5 {
    margin-bottom: 10rem
}

.mb-auto {
    margin-bottom: auto
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: 2rem
}

.p-2 {
    padding: 4rem
}

.p-3 {
    padding: 6rem
}

.p-4 {
    padding: 8rem
}

.p-5 {
    padding: 10rem
}




.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: 2rem
}

.pl-2 {
    padding-left: 4rem
}

.pl-3 {
    padding-left: 6rem
}

.pl-4 {
    padding-left: 8rem
}

.pl-5 {
    padding-left: 10rem
}



.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: 2rem
}

.pr-2 {
    padding-right: 4rem
}

.pr-3 {
    padding-right: 6rem
}

.pr-4 {
    padding-right: 8rem
}

.pr-5 {
    padding-right: 10rem
}


.py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width:767px) {
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: 2rem
}

.pt-2 {
    padding-top: 4rem
}

.pt-3 {
    padding-top: 6rem
}

.pt-4 {
    padding-top: 8rem
}

.pt-5 {
    padding-top: 10rem
}



.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: 2rem
}

.pb-2 {
    padding-bottom: 4rem
}

.pb-3 {
    padding-bottom: 6rem
}

.pb-4 {
    padding-bottom: 8rem
}

.pb-5 {
    padding-bottom: 10rem
}

.col-lg-8.pr-2 {
    padding-right: 4rem !important;
}

@media (max-width:992px) {
    .col-lg-8.pr-2 {
        padding-right: 15px !important;
    }

    .pb-2,
    .pb-3 {
        padding-bottom: 2rem;
    }

    .pb-5,
    .pb-4 {
        padding-bottom: 3rem;
    }

    .mt-3,
    .mt-2,
    .mt-4,
    .mt-5 {
        margin-top: 2rem;
    }

    .mb-3,
    .mb-2,
    .mb-4,
    .mb-5 {
        margin-bottom: 2rem;
    }

    .pt-2,
    .pt-3 {
        padding-top: 2rem;
    }

    .pt-4,
    .pt-5 {
        padding-top: 3rem;
    }

    .row img {
        width: 100%;
    }

}

p {
    margin: 0;
}

.txt1 {
    font-size: 16px;
    line-height: 28px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.marTop1 {
    margin-top: 36px;
}

@media (max-width: 991px) {
    .marTop1 {
        margin-top: 5px;
    }
}

h4+.offset-2 {
    margin-top: 18px;
}

.container-fluid div.inset-left {
    padding-left: 80px;
}

@media (max-width: 1199px) {
    .container-fluid div.inset-left {
        padding-left: 25px;
    }
}

.container-fluid div.inset-right {
    padding-right: 80px;
}

@media (max-width: 1199px) {
    .container-fluid div.inset-right {
        padding-right: 25px;
    }
}

.cntr {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

hr {
    border: none;
    height: 1px;
    background: #eee;
}

.link1 {
    color: #ff6600;
}

.link1:hover {
    color: #4a5164;
}

@media (max-width: 1300px) {
    h5.top-offset-null {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .mobile_cntr {
        text-align: center;
    }
}

@media (max-width: 479px) {
    .mobile_cntr2 {
        text-align: center;
    }
}

*+h3,
*+h4,
*+h5,
*+h6,
*+p,
*+img,
*+.btn {}







.marked-list+.btn {
    margin-top: 44px;
}

h6+p {
    margin-top: 5px;
}

h6.mod1+p {
    margin-top: 15px;
}

h5+h3 {
    margin-top: 6px;
}

h3+.row {
    margin-top: 31px;
}

h3+.row.mod1 {
    margin-top: 47px;
}

h3+.row.mod2 {
    margin-top: -3px;
}

@media (min-width: 992px) {
    h3+.row.mod2 [class*="col-"] {
        margin-top: 50px;
    }
}

.marTop1 {
    margin-top: 36px;
}

@media (max-width: 991px) {
    .marTop1 {
        margin-top: 5px;
    }
}

.ins1 {
    padding-left: 8%;
    padding-right: 8%;
}

@media (max-width: 767px) {
    .ins1 {
        padding-left: 1%;
        padding-right: 1%;
    }
}

.fa {
    line-height: inherit;
}

[class*='fa-']:before {
    font-family: 'FontAwesome';
    color: inherit;
}

mark,
.mark {
    background-color: #d8c860;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .center767 {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .center991 {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .left767 {
        text-align: left;
    }
}

@media (max-width: 991px) {
    .left991 {
        text-align: left;
    }
}

@media (max-width: 767px) {
    .right767 {
        text-align: right;
    }
}

@media (max-width: 991px) {
    .right991 {
        text-align: right;
    }
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.fw-l {
    font-weight: 300;
}

.fw-n {
    font-weight: 400;
}

.fw-m {
    font-weight: 500;
}

.fw-sb {
    font-weight: 600;
}

.fw-b {
    font-weight: 700;
}

.fw-xb {
    font-weight: 800;
}

.white {
    color: #ffffff;
}

.txt-sec {
    color: #1f2430;
}

.text-muted {
    color: #cfcfcf;
}

.text-primary {
    color: #ff6600;
}

.text-success {
    color: #63cd54;
}

.text-info {
    color: #4acad5;
}

.text-warning {
    color: #d8c860;
}

.text-danger {
    color: #f44236;
}

.bg-primary {
    background: #ff6600;
}

.bg-secondary {
    background: #1f2430;
}

.bg-success {
    background: #63cd54;
}

.bg-info {
    background: #4acad5;
}

.bg-warning {
    background: #d8c860;
}

.bg-danger {
    background: #f44236;
}

.bg1 {
    background: #fff;z-index:55;
}
.bg1a{}

.bg1b{background-color: #00479d}
.bg1c{background-image:url(../images/bg4.webp);background-size: cover;}
.bg1d{background-image:url(../images/bg5.webp);background-size: cover;}
.bg2 {
    background: #000;
}


.bg2 * {
    color: #fff;
}

.bg2 p {
    color: #6477a4;
}



.bg3 {
    background: #fff;
}

.bg4 {
    background: #f5f5f5;
}

.bg4 hr{background-color:#ddd;}
.bg5 {
    background-color: #fff;
}
.bg6{background-color: #ebf6fa}

.bg5 hr{opacity: 1}
.bg5{color:#333}
.parallax {
    background-position: right center;
    background-size: cover;
    padding: 3em;
}


.color1 {
    color: #ff6600;
}

.color2 {
    color: #1f2430;
}

.color3 {
    color: #4a5164;
}

.parallax {
    color: #fff;
}

.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6,
.parallax p {
    color: #fff;
}

.parallax h1,
.parallax h4 {
    text-shadow: 10px 5px 15px rgba(0, 0, 0, .3);
}

.page-header {
    padding-bottom: 16px;
    margin: 68px 0 34px;
    border-bottom: 1px solid #bababa;
}

ul,
ol {
    padding: 0;
    list-style: none;
    margin: 0;
}

ul li,
ol li {
    padding: 0;
    list-style: none;
    margin: 0;
}

ul li a,
ol li a {
    padding: 0;
    list-style: none;
    margin: 0;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/*=================   List Inline   =====================*/
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

/*==================   List1  ======================*/
h3+.list1 {
    margin-top: 0;
}

.list1 h6 {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .list1 h6 {
        font-size: 22px;
    }
}

.list1 h6+p {
    margin-top: 11px;
}

.list1 li {
    margin-top: 38px;
    margin-bottom: 7px;
    position: relative;
    padding-left: 140px;
}

@media (max-width: 991px) {
    .list1 li {
        padding-left: 80px;
    }
}

.list1 li:before {
    text-align: center;
    position: absolute;
    top: 6px;
    left: 15px;
    font-family: 'FontAwesome';
    width: 94px;
    height: 94px;
    font-size: 45px;
    line-height: 94px;
    font-weight: 300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    background: #ff6600;
}

@media (max-width: 991px) {
    .list1 li:before {
        width: 50px;
        height: 50px;
        font-size: 25px;
        line-height: 50px;
    }
}

.so{overflow-x:hidden;}
@media(min-width:700px){
.solutions.swiper{overflow:visible;}
}
@media(max-width:600px){
.solutions .embed-responsive-16by6{padding-bottom:73%}
}
.solutions a,.solus a{display: block;position: relative;color:#fff;
}
.solutions a .pic,.solus a .pic{background-color: #00479d;}
.solutions a .info,.solus a .info{position: absolute;top:50%;left:10%;z-index:55;font-size:115%;text-transform: capitalize;
transform: translateY(-50%);
}

.solutions a .info li:nth-child(1){padding-right:2em;}
.solutions a .info h3,.solus a .info h3{margin:0;color:#fff;}
.solutions a .iconfont{font-size:400%;line-height: 1.5em}
.solutions a .iconfont.icon-xinnengyuanqiche{font-size:450%}
.solutions a:hover *,.solus a:hover *{color:#fff}
.solutions a:hover .pic img,.solus a:hover .pic img{opacity: .5}
.solut{position: relative;padding:2em 0 0 10%;color:#fff;}


.solut:after{content:'';background-image:url(../images/bg7.webp);z-index:1;position: absolute;left:0;bottom:0;height:77%;width:100%}

.solut img{padding-left:4em;padding-top:2em;}
.solut > div{z-index:5;}
.solut .pic{max-width:60%}

@media(max-width:600px){
    .solut:after{height:100%;}
    .solut h3{font-size:110%}
    .solut > div{width:100%}
    .solut .pic{max-width:100%}
    .solut img{padding-left:0;padding-top:2em;}

}
.realted .swiper-slide img{padding:2em;}
.related .swiper-slide img{padding:0}

.related .swiper-slide{border-right:1px solid #eee;border-top:1px solid #eee;text-align:center;}

.related .swiper-slide .info{padding-bottom:5vh}

.related .swiper-slide span{border-radius:5em;border:1px solid #eee;font-size:110%;display: inline-block;padding:0.5em 1.5em;}

.related .swiper-slide:hover span{background-color: #00479d;color:#fff;border-color:#00479d}

.sbtns,.arrs{display: flex;font-size:150%;}

.sbtns li,.arrs li{border:1px solid #eee;border-radius: 5em;width:75px;height:75px;line-height: 75px;text-align: center;cursor: pointer;background-color: #fff}
.tit .sbtns li{margin-left:1em;}
.sbtns li:hover,.arrs li:hover{background-color:#00479d;border-color:#00479d;color:#fff; }
.arrs li{border:none;}
.solut{position: relative;}

.market{padding:5% 0;overflow-x:hidden;width:100%}
.market .txt ul{display: flex;}
.global img{width:100%;max-width:unset;}
.market .txt ul li:nth-child(1){margin-right:2em;}
.market .txt ul{font-size:110%;margin:3vh 0vh}
.market .txt ul span,.market .txt h2{font-size:350%;font-weight:800;line-height: 1.5em}
.market video{padding-left:10%;object-fit: cover;}
.arrs{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%) scale(1.09);
width:50%;z-index:555;justify-content: space-between;
}
.market .txt{width:100%;}
.market .globala{width:100%;}
.global{position: relative;width:120vw;transform: translateX(-15%);}


@media(min-width:1000px){
.market .txt{width:30%;padding-bottom:0;}
.market .globala{width:70%}
.market .txt ul{font-size:120%;margin:25vh 0 5vh}
.global{width:65vw}
}
.world-point {
    position: absolute;
}

.world-point>div {
    position: relative;
    width: 8px;
    height: 8px;
    background: #00479d;
    border-radius: 50%;
}


.world-point span {
    color: #1C1C1C;
    position: absolute;
    bottom: -3rem;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
@media(max-width:999px){
    .world-point span {display: none;}
}
.world-point>div::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: #00479d;
    animation: corrugated 5s linear 0s infinite;
}

.world-point>div::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: #00479d;
    animation: corrugated 5s linear 2.5s infinite;
}
@media(min-width:1000px){
.world-point>div::before {

    width: 100%;
    height: 100%;

}

.world-point>div::after {

    width: 100%;
    height: 100%;

}
}
.point1 {
    top: 9%;
    left: 14%;
}

.point2 {
    top: 32%;
    left: 21%;
}

.point3 {
    top: 21%;
    left: 49%;
}

.point4 {
    top: 8%;
    left: 66%;
}

.point5 {
    top: 31%;
    left: 74%;
}

.point6 {
    top: 47%;
    left: 74%;
}

.point7 {
    top: 56%;
    left: 76%;
}

.point8 {
    top: 25%;
    left: 87%;
}

.point9 {
    top: 35%;
    left: 85%;
}
@keyframes corrugated {
    0% {
        opacity: 0.2;
        transform: translate(-50%,-50%) scale(1);
    }
    
    100% {
        transform: translate(-50%,-50%) scale(27);
        opacity: 0;
    }
}

@media(max-width:600px){
    .arrs{width:85%;}
    .market video{padding-left:0;opacity: .65}
    .market .embed-responsive-16by7{padding-bottom:100%}
    .sbtns,.arrs{font-size:110%;}
    .sbtns li,.arrs li{width:50px;height:50px;line-height: 50px;}
    .market .txt ul{font-size:100%}
    .market .txt ul span,.market .txt h2{font-size:200%;}
    .market .btn{margin:2vh 0 7vh 0} 

}


.flex-wrap{flex-wrap:wrap;}







  .choose-box{position: relative;}
  .title-box{padding:0 15px;font-size:120%;box-shadow: 0 10px 25px rgba(0,0,0,.05);position: relative;z-index:10}
.title-box .iconfont{font-size:30px;}
  .choose-listthr{background-color:#fff;padding:30px;z-index:5;position: absolute;top:100%;left:0;right:0;}
  .choose-listthr ul{display: flex;flex-wrap:wrap;}
  .choose-listthr ul li h5{font-size:100%}
  .choose-listthr > ul > li{width:100%}
.choose-listthr > ul > li ul li{width:33.333%}
 .choose-listthr ul li img{width:70%}
}






/*=================   Inline list   =====================*/
.inline-list .fa {
    position: relative;
    font: 0/0 a;
}

.inline-list .fa:hover:before {
    color: #ff6600;
    background: #ffffff;
}

.inline-list .fa:before {
    font-size: 18px;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    color: #ffffff;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    width: 35px;
    height: 35px;
    left: -5px;
    top: -2px;
    padding-left: 10px;
    padding-top: 16px;
}

.inline-list li {
    display: inline-block;
}

.inline-list li+li {
    margin-left: 42px;
}

@media (max-width: 991px) {
    .inline-list .fa:before {
        left: -25px;
        padding-left: 2px;
    }
}

/*================      Flex list     =================*/
.flex-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

.flex-list li {
    display: table-cell;
    position: relative;
}

@media (max-width: 767px) {
    .flex-list li {
        display: block;
    }
}

/*==================   Index List  ======================*/
.index-list {
    counter-reset: li;
}

h3+.index-list {
    margin-top: 0;
}

.index-list h6 {
    font-size: 30px;
    font-weight: 500;
}

@media (max-width: 1199px) {
    .index-list h6 {
        font-size: 22px;
    }
}

.index-list h6+p {
    margin-top: 11px;
}

.index-list li {
    text-align: left;
    margin-top: 38px;
    margin-bottom: 7px;
    position: relative;
    padding-left: 140px;
}

.index-list li:before {
    text-align: center;
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    top: 6px;
    left: 15px;
    width: 94px;
    height: 94px;
    font-size: 45px;
    line-height: 94px;
    font-weight: 300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    background: #ff6600;
}

/*==================  Marked List  ======================*/
.marked-list {
    margin-top: 13px;
    margin-bottom: 12px;
}

@media (max-width: 1199px) {
    .marked-list {
        margin-right: 0;
    }
}

.marked-list li {
    position: relative;
    padding-left: 20px;
}

.marked-list li:before {
    content: '\f105';
    position: absolute;
    left: 0;
    top: -2px;
    font-weight: 400;
    font-size: 20px;
    font-family: 'FontAwesome';
    color: #ff6600;
}

@media (max-width: 991px) {
    .marked-list li:before {
        top: -5px;
    }
}

.marked-list li+li {
    margin-top: 0px;
}

.marked-list a:hover {
    color: #ff6600;
    text-decoration: none;
}

/*================    Term list     =================*/
.terms-list {
    text-align: left;
    padding-top: 38px;
    padding-bottom: 2px;
}

.terms-list dt {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    color: #1f2430;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .terms-list dt {
        font-size: 22px;
    }
}

.terms-list dt+dd {
    margin-top: 15px;
}

.terms-list dd+dt {
    margin-top: 48px;
}

.terms-list+* {
    margin-top: 31px;
}

.terms-list+* a {
    color: #008ac6;
}

.terms-list+* a:hover {
    color: #1f2430;
}

dl {
    padding: 0;
    margin: 0;
    font-style: normal;
}

dt,
dd {
    padding: 0;
    margin: 0;
}


@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #cfcfcf;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

/*==================    Quote     ======================*/
blockquote {
    position: relative;
    padding-left: 59px;
    padding-right: 30px;
    margin: 0;
}

blockquote q:before,
blockquote q:after {
    content: " ";
    display: table;
}

blockquote q:after {
    clear: both;
}

blockquote q:before,
blockquote q:after {
    content: " ";
    display: table;
}

blockquote q:after {
    clear: both;
}

blockquote q:before,
blockquote q:after {
    content: " ";
    display: table;
}

blockquote q:after {
    clear: both;
}

blockquote q:before,
blockquote q:after {
    content: " ";
    display: table;
}

blockquote q:after {
    clear: both;
}

@media (max-width: 1199px) {
    blockquote {
        padding-right: 0;
    }
}

blockquote:before {
    position: absolute;
    top: -5px;
    left: -4px;
    padding-right: 7px;
    content: "\201c";
    color: #1f2430;
    font-size: 84px;
    line-height: 84px;
    font-weight: 700;
    vertical-align: top;
    z-index: 10;
}

blockquote cite {
    display: block;
    font-style: normal;
}

blockquote cite span {
    color: #ff6600;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
}

blockquote p+cite {
    margin-top: 20px;
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #bababa;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

address {
    font-style: normal;
}

.addr1 {
    margin-top: 9px;
    color: #4a5164;
}

.addr1 dl {
    padding-left: 0;
    margin-top: 0px;
    max-width: 335px;
}

.addr1 dl dt,
.addr1 dl dd {
    font-size: 16px;
    display: inline-block;
    font-weight: 300;
}

.addr1 dl dt {
    width: 24%;
    min-width: 93px;
}

.addr1 dl dd {
    width: 69%;
}

@media (max-width: 1199px) {
    .addr1 dl dd {
        width: 55%;
    }
}

.addr1 dl dd+dt {
    margin-top: 0;
}

.addr1 dl dt+dd {
    margin-top: 0;
}

.addr1 .mail dt {
    width: 15%;
    min-width: 53px;
}

.addr1 .mail dd {
    font-size: 16px;
}

@media (max-width: 991px) {
    .addr1 {
        margin-bottom: 20px;
    }
}

*+.rights {
    margin-top: 47px;
}

article time {
    font-size: 20px;
}

article time+* {
    margin-top: -3px;
}

*+article {
    margin-top: 7px;
}

article+article {
    margin-top: 21px;
}

@media (min-width: 1199px) and (max-width: 99979px) {

    .container-fluid .col-xs-1,
    .container-fluid .col-sm-1,
    .container-fluid .col-md-1,
    .container-fluid .col-lg-1,
    .container-fluid .col-xs-2,
    .container-fluid .col-sm-2,
    .container-fluid .col-md-2,
    .container-fluid .col-lg-2,
    .container-fluid .col-xs-3,
    .container-fluid .col-sm-3,
    .container-fluid .col-md-3,
    .container-fluid .col-lg-3,
    .container-fluid .col-xs-4,
    .container-fluid .col-sm-4,
    .container-fluid .col-md-4,
    .container-fluid .col-lg-4,
    .container-fluid .col-xs-5,
    .container-fluid .col-sm-5,
    .container-fluid .col-md-5,
    .container-fluid .col-lg-5,
    .container-fluid .col-xs-6,
    .container-fluid .col-sm-6,
    .container-fluid .col-md-6,
    .container-fluid .col-lg-6,
    .container-fluid .col-xs-7,
    .container-fluid .col-sm-7,
    .container-fluid .col-md-7,
    .container-fluid .col-lg-7,
    .container-fluid .col-xs-8,
    .container-fluid .col-sm-8,
    .container-fluid .col-md-8,
    .container-fluid .col-lg-8,
    .container-fluid .col-xs-9,
    .container-fluid .col-sm-9,
    .container-fluid .col-md-9,
    .container-fluid .col-lg-9,
    .container-fluid .col-xs-10,
    .container-fluid .col-sm-10,
    .container-fluid .col-md-10,
    .container-fluid .col-lg-10,
    .container-fluid .col-xs-11,
    .container-fluid .col-sm-11,
    .container-fluid .col-md-11,
    .container-fluid .col-lg-11,
    .container-fluid .col-xs-12,
    .container-fluid .col-sm-12,
    .container-fluid .col-md-12,
    .container-fluid .col-lg-12 {
        min-height: 1px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

/*==================  Section1  ======================*/
.section1 {
    padding: 5% 10% 10%;
    background-size: cover;
    font-size: 16px;
}

.section1 .row {
    color: #000;
}


.section1 .row li {
    border-right: 1px solid #ddd;
}

.section1 .row li:last-child {
    border-right: none;
}

.section1 p {
    font-size: 18px;
}

.section1 p+p {
    margin-top: 10px
}


.section1 p,
.section1 .row,
.section1 .more {
    text-align: center;
}

@media (max-width: 991px) {
    .section1 {
        padding: 55px 30px;
    }

}

@media (max-width: 767px) {
    .section1 {
        padding: 55px 0px;

    }

    .section1 p {
        text-align: left;
        text-indent: 2em;
    }

    .section1 img {
        width: 50%
    }


}

.section1 h6 {
    color: #fff;
}

.section1 h6 a:hover {
    color: #ff6600;
}


.section1 .row+.row {
    margin-top: 50px;
}



figure {
    color: #fff;
    overflow: hidden;
    position: relative;
    margin: 0 0 0px 56px;
}

figure.offset-right {
    margin: 0 56px 0px 0px;
}

figure.offset-null {
    margin: 0;
}

@media (max-width: 1199px) {
    figure {
        margin: 0 0 0px 0px;
    }

    figure.offset-right {
        margin: 0 0px 0px 0px;
    }
}

figure img {
    width: 100%;
}

figure figcaption {
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(31, 36, 48, 0.9);
    padding: 20px;
    position: absolute;
    padding-right: 120px;
    padding-left: 30px;
}

.lt-ie9 figure figcaption {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f2430', endColorstr='#ff1f2430');
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f2430', endColorstr='#ff1f2430');
    zoom: 1;
}

@media (max-width: 991px) {
    figure figcaption {
        padding: 20px 10px;
    }
}

figure figcaption h6 {
    color: #fff;
}

figure figcaption.mod1 {
    padding: 24px 9px 25px 30px;
}

@media (max-width: 991px) {
    figure figcaption.mod1 {
        padding: 10px;
    }
}

figure figcaption.mod1 h6 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}

@media (max-width: 1199px) {
    figure figcaption.mod1 h6 {
        font-size: 26px;
        line-height: 34px;
    }
}

@media (max-width: 767px) {
    figure figcaption.mod1 h6 {
        font-size: 18px;
        line-height: 30px;
    }

    figure figcaption.mod1 h6 br {
        display: none;
    }
}

figure figcaption.mod1 h6 a:hover {
    color: #ff6600;
}

@media (max-width: 1400px) {
    figure figcaption p {
        font-size: 14px;
    }
}

figure figcaption .btn2 {
    font-size: 53px;
    color: #ff6600;
    position: absolute;
    right: 6px;
    bottom: -4px;
}

figure figcaption .btn2:hover {
    color: #fff;
}

@media (max-width: 991px) {
    figure figcaption p {
        display: none;
    }

    figure figcaption .btn2 {
        bottom: -4px;
    }
}



.culture .con {
    padding: 3rem 2rem;
    background-color: #fafafa;
    font-size: 14px;
}

/*==================   Contact List   ======================*/
.contact ul li {
    padding-bottom: 1.6em;
    margin-bottom: 1.6em;
    border-bottom: 1px solid #eee;
    font-size: 80%;
}

.contact ul li:last-child {
    margin-bottom: 0;
}

.contact ul li em {
    display: inline-block;
    width: 2em;
    text-align: center;
}

.contact ul li p {
    color: #222;
    margin-top: 0;
    font-size: 18px;
}

@media (max-width: 1199px) {
    .contact-list a[href^="callto:"] {
        font-size: 25px;
        line-height: 1.2;
    }
}

.contact-list a[href^="mailto:"] {
    color: #6477a4;
}

.contact-list a[href^="mailto:"]:hover {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .contact-list li {
        display: inline-block;
    }
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 0;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
}

pre {
    display: block;
    padding: 16.5px;
    margin: 0 0 17px;
    font-size: 19px;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    color: #5e5e5e;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 0;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1180px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1380px;
    }
}
@media (min-width: 1600px) {
    .container {
        width: 1480px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #cfcfcf;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 34px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.7;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 2px solid #dddddd;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.table>tbody+tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #1f2430;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 25.5px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive>.table {
        margin-bottom: 0;
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }

    .table-responsive>.table-bordered {
        border: 0;
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 34px;
    font-size: 30px;
    line-height: inherit;
    color: #5e5e5e;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 24px;
    font-size: 20px;
    line-height: 1.7;
    color: #e2e0e0;
}

.form-control {
    display: block;
    width: 100%;
    height: 82px;
    padding: 23px 37px;
    font-size: 20px;
    line-height: 1.7;
    color: #e2e0e0;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
    color: #999999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #bababa;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
        line-height: 82px;
    }

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 63.8px;
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 91.2px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 34px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 0;
    min-height: 54px;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
}

.input-sm {
    height: 63.8px;
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 63.8px;
    line-height: 63.8px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 63.8px;
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

select.form-group-sm .form-control {
    height: 63.8px;
    line-height: 63.8px;
}

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 63.8px;
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    min-height: 51px;
}

.input-lg {
    height: 91.2px;
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg {
    height: 91.2px;
    line-height: 91.2px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 91.2px;
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.form-group-lg .form-control {
    height: 91.2px;
    line-height: 91.2px;
}

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 91.2px;
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    min-height: 59px;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 102.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 82px;
    height: 82px;
    line-height: 82px;
    text-align: center;
    pointer-events: none;
}

.input-lg+.form-control-feedback {
    width: 91.2px;
    height: 91.2px;
    line-height: 91.2px;
}

.input-sm+.form-control-feedback {
    width: 63.8px;
    height: 63.8px;
    line-height: 63.8px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label~.form-control-feedback {
    top: 39px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #8790a6;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }

    .form-inline .input-group>.form-control {
        width: 100%;
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 24px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 58px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 24px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 37.79999908px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 19.4px;
    }
}

.btn{
    display: inline-block;
    cursor: pointer;
    background-color: #00479d;
    color:#fff;
    padding:.45em 1.7em;
    transition: 600ms;
}
@media (min-width: 768px) {
   .btn{font-size:108%}

}
.btn .iconfont{margin-left:1em;}

.btn:hover {
    color: #00479d;
    background-color: #eee;

}

.btn:hover .iconfont{color:#00479d}
.btn.btnb{color:#00479d;background-color: #fff;}
.btn.btnb:hover{color:#fff;background-color: #00479d;}
.btn.btnb:hover .iconfont{color:#fff;}
.btn:hover:active,
.btn:hover.active,
.open>.dropdown-toggle.btn:hover {
    background-image: none;
}

.btn:hover.disabled,
.btn:hover[disabled],
fieldset[disabled] .btn:hover,
.btn:hover.disabled:hover,
.btn:hover[disabled]:hover,
fieldset[disabled] .btn:hover:hover,
.btn:hover.disabled:focus,
.btn:hover[disabled]:focus,
fieldset[disabled] .btn:hover:focus,
.btn:hover.disabled.focus,
.btn:hover[disabled].focus,
fieldset[disabled] .btn:hover.focus,
.btn:hover.disabled:active,
.btn:hover[disabled]:active,
fieldset[disabled] .btn:hover:active,
.btn:hover.disabled.active,
.btn:hover[disabled].active,
fieldset[disabled] .btn:hover.active {
    background-color: #4a5164;
    border-color: #ff6600;
}

.btn:hover .badge {
    color: #4a5164;
    background-color: #ff6600;
}

.btn-default {
    color: #ffffff;
    background-color: #4a5164;
    border-color: #4a5164;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #4a5164;
    border-color: #4a5164;
}

.btn-default .badge {
    color: #4a5164;
    background-color: #ffffff;
}

.btn-default:focus {
    color: #ffffff;
    background-color: #4a5164;
    border-color: #4a5164;
}

.btn-default:focus:active,
.btn-default:focus.active,
.open>.dropdown-toggle.btn-default:focus {
    background-image: none;
}

.btn-default:focus.disabled,
.btn-default:focus[disabled],
fieldset[disabled] .btn-default:focus,
.btn-default:focus.disabled:hover,
.btn-default:focus[disabled]:hover,
fieldset[disabled] .btn-default:focus:hover,
.btn-default:focus.disabled:focus,
.btn-default:focus[disabled]:focus,
fieldset[disabled] .btn-default:focus:focus,
.btn-default:focus.disabled.focus,
.btn-default:focus[disabled].focus,
fieldset[disabled] .btn-default:focus.focus,
.btn-default:focus.disabled:active,
.btn-default:focus[disabled]:active,
fieldset[disabled] .btn-default:focus:active,
.btn-default:focus.disabled.active,
.btn-default:focus[disabled].active,
fieldset[disabled] .btn-default:focus.active {
    background-color: #4a5164;
    border-color: #4a5164;
}

.btn-default:focus .badge {
    color: #4a5164;
    background-color: #ffffff;
}

.btn-default:hover {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn-default:hover:active,
.btn-default:hover.active,
.open>.dropdown-toggle.btn-default:hover {
    background-image: none;
}

.btn-default:hover.disabled,
.btn-default:hover[disabled],
fieldset[disabled] .btn-default:hover,
.btn-default:hover.disabled:hover,
.btn-default:hover[disabled]:hover,
fieldset[disabled] .btn-default:hover:hover,
.btn-default:hover.disabled:focus,
.btn-default:hover[disabled]:focus,
fieldset[disabled] .btn-default:hover:focus,
.btn-default:hover.disabled.focus,
.btn-default:hover[disabled].focus,
fieldset[disabled] .btn-default:hover.focus,
.btn-default:hover.disabled:active,
.btn-default:hover[disabled]:active,
fieldset[disabled] .btn-default:hover:active,
.btn-default:hover.disabled.active,
.btn-default:hover[disabled].active,
fieldset[disabled] .btn-default:hover.active {
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn-default:hover .badge {
    color: #ff6600;
    background-color: #ffffff;
}

.btn-primary {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
    text-shadow: 1px 1px 1px #112b62;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn-primary .badge {
    color: #ff6600;
    background-color: #ffffff;
}

.btn-primary:focus {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn-primary:focus:active,
.btn-primary:focus.active,
.open>.dropdown-toggle.btn-primary:focus {
    background-image: none;
}

.btn-primary:focus.disabled,
.btn-primary:focus[disabled],
fieldset[disabled] .btn-primary:focus,
.btn-primary:focus.disabled:hover,
.btn-primary:focus[disabled]:hover,
fieldset[disabled] .btn-primary:focus:hover,
.btn-primary:focus.disabled:focus,
.btn-primary:focus[disabled]:focus,
fieldset[disabled] .btn-primary:focus:focus,
.btn-primary:focus.disabled.focus,
.btn-primary:focus[disabled].focus,
fieldset[disabled] .btn-primary:focus.focus,
.btn-primary:focus.disabled:active,
.btn-primary:focus[disabled]:active,
fieldset[disabled] .btn-primary:focus:active,
.btn-primary:focus.disabled.active,
.btn-primary:focus[disabled].active,
fieldset[disabled] .btn-primary:focus.active {
    background-color: #ff6600;
    border-color: #ff6600;
}

.btn-primary:focus .badge {
    color: #ff6600;
    background-color: #ffffff;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #3d475e;
    border-color: #3d475e;
}

.btn-primary:hover:active,
.btn-primary:hover.active,
.open>.dropdown-toggle.btn-primary:hover {
    background-image: none;
}

.btn-primary:hover.disabled,
.btn-primary:hover[disabled],
fieldset[disabled] .btn-primary:hover,
.btn-primary:hover.disabled:hover,
.btn-primary:hover[disabled]:hover,
fieldset[disabled] .btn-primary:hover:hover,
.btn-primary:hover.disabled:focus,
.btn-primary:hover[disabled]:focus,
fieldset[disabled] .btn-primary:hover:focus,
.btn-primary:hover.disabled.focus,
.btn-primary:hover[disabled].focus,
fieldset[disabled] .btn-primary:hover.focus,
.btn-primary:hover.disabled:active,
.btn-primary:hover[disabled]:active,
fieldset[disabled] .btn-primary:hover:active,
.btn-primary:hover.disabled.active,
.btn-primary:hover[disabled].active,
fieldset[disabled] .btn-primary:hover.active {
    background-color: #3d475e;
    border-color: #3d475e;
}

.btn-primary:hover .badge {
    color: #3d475e;
    background-color: #ffffff;
}

.btn-success {
    color: #ffffff;
    background-color: #63cd54;
    border-color: #63cd54;
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #63cd54;
    border-color: #63cd54;
}

.btn-success .badge {
    color: #63cd54;
    background-color: #ffffff;
}

.btn-success:focus {
    color: #ffffff;
    background-color: #63cd54;
    border-color: #63cd54;
}

.btn-success:focus:active,
.btn-success:focus.active,
.open>.dropdown-toggle.btn-success:focus {
    background-image: none;
}

.btn-success:focus.disabled,
.btn-success:focus[disabled],
fieldset[disabled] .btn-success:focus,
.btn-success:focus.disabled:hover,
.btn-success:focus[disabled]:hover,
fieldset[disabled] .btn-success:focus:hover,
.btn-success:focus.disabled:focus,
.btn-success:focus[disabled]:focus,
fieldset[disabled] .btn-success:focus:focus,
.btn-success:focus.disabled.focus,
.btn-success:focus[disabled].focus,
fieldset[disabled] .btn-success:focus.focus,
.btn-success:focus.disabled:active,
.btn-success:focus[disabled]:active,
fieldset[disabled] .btn-success:focus:active,
.btn-success:focus.disabled.active,
.btn-success:focus[disabled].active,
fieldset[disabled] .btn-success:focus.active {
    background-color: #63cd54;
    border-color: #63cd54;
}

.btn-success:focus .badge {
    color: #63cd54;
    background-color: #ffffff;
}

.btn-info {
    color: #ffffff;
    background-color: #4acad5;
    border-color: #4acad5;
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #4acad5;
    border-color: #4acad5;
}

.btn-info .badge {
    color: #4acad5;
    background-color: #ffffff;
}

.btn-info:focus {
    color: #ffffff;
    background-color: #4acad5;
    border-color: #4acad5;
}

.btn-info:focus:active,
.btn-info:focus.active,
.open>.dropdown-toggle.btn-info:focus {
    background-image: none;
}

.btn-info:focus.disabled,
.btn-info:focus[disabled],
fieldset[disabled] .btn-info:focus,
.btn-info:focus.disabled:hover,
.btn-info:focus[disabled]:hover,
fieldset[disabled] .btn-info:focus:hover,
.btn-info:focus.disabled:focus,
.btn-info:focus[disabled]:focus,
fieldset[disabled] .btn-info:focus:focus,
.btn-info:focus.disabled.focus,
.btn-info:focus[disabled].focus,
fieldset[disabled] .btn-info:focus.focus,
.btn-info:focus.disabled:active,
.btn-info:focus[disabled]:active,
fieldset[disabled] .btn-info:focus:active,
.btn-info:focus.disabled.active,
.btn-info:focus[disabled].active,
fieldset[disabled] .btn-info:focus.active {
    background-color: #4acad5;
    border-color: #4acad5;
}

.btn-info:focus .badge {
    color: #4acad5;
    background-color: #ffffff;
}

.btn-warning {
    color: #ffffff;
    background-color: transparent;
    border-color: #d8c860;
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: transparent;
    border-color: #d8c860;
}

.btn-warning .badge {
    color: transparent;
    background-color: #ffffff;
}

.btn-warning:focus {
    color: #ffffff;
    background-color: transparent;
    border-color: #d8c860;
}

.btn-warning:focus:active,
.btn-warning:focus.active,
.open>.dropdown-toggle.btn-warning:focus {
    background-image: none;
}

.btn-warning:focus.disabled,
.btn-warning:focus[disabled],
fieldset[disabled] .btn-warning:focus,
.btn-warning:focus.disabled:hover,
.btn-warning:focus[disabled]:hover,
fieldset[disabled] .btn-warning:focus:hover,
.btn-warning:focus.disabled:focus,
.btn-warning:focus[disabled]:focus,
fieldset[disabled] .btn-warning:focus:focus,
.btn-warning:focus.disabled.focus,
.btn-warning:focus[disabled].focus,
fieldset[disabled] .btn-warning:focus.focus,
.btn-warning:focus.disabled:active,
.btn-warning:focus[disabled]:active,
fieldset[disabled] .btn-warning:focus:active,
.btn-warning:focus.disabled.active,
.btn-warning:focus[disabled].active,
fieldset[disabled] .btn-warning:focus.active {
    background-color: transparent;
    border-color: #d8c860;
}

.btn-warning:focus .badge {
    color: transparent;
    background-color: #ffffff;
}

.btn-danger {
    color: #ffffff;
    background-color: transparent;
    border-color: #f44236;
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: transparent;
    border-color: #f44236;
}

.btn-danger .badge {
    color: transparent;
    background-color: #ffffff;
}

.btn-danger:focus {
    color: #ffffff;
    background-color: transparent;
    border-color: #f44236;
}

.btn-danger:focus:active,
.btn-danger:focus.active,
.open>.dropdown-toggle.btn-danger:focus {
    background-image: none;
}

.btn-danger:focus.disabled,
.btn-danger:focus[disabled],
fieldset[disabled] .btn-danger:focus,
.btn-danger:focus.disabled:hover,
.btn-danger:focus[disabled]:hover,
fieldset[disabled] .btn-danger:focus:hover,
.btn-danger:focus.disabled:focus,
.btn-danger:focus[disabled]:focus,
fieldset[disabled] .btn-danger:focus:focus,
.btn-danger:focus.disabled.focus,
.btn-danger:focus[disabled].focus,
fieldset[disabled] .btn-danger:focus.focus,
.btn-danger:focus.disabled:active,
.btn-danger:focus[disabled]:active,
fieldset[disabled] .btn-danger:focus:active,
.btn-danger:focus.disabled.active,
.btn-danger:focus[disabled].active,
fieldset[disabled] .btn-danger:focus.active {
    background-color: transparent;
    border-color: #f44236;
}

.btn-danger:focus .badge {
    color: transparent;
    background-color: #ffffff;
}

.btn-link {
    display: inline-block;
    color: #ffffff;
    font-weight: 700;
    border-radius: 0;
    font-size: 14px;
    position: relative;
}

.btn-link:focus {
    color: inherit;
    font-size: inherit;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover {
    color: #ff6600;
    text-decoration: none;
    background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #cfcfcf;
    text-decoration: none;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 9.2px 14.8px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -moz-transition: opacity 0.15s linear;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 91.2px;
    padding: 27.6px 44.4px;
    font-size: 25px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 91.2px;
    line-height: 91.2px;
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 63.8px;
    padding: 18.4px 29.6px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 63.8px;
    line-height: 63.8px;
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 23px 37px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    color: #e2e0e0;
    text-align: center;
    background-color: #bababa;
    border: 1px solid #cccccc;
    border-radius: 0;
}

.input-group-addon.input-sm {
    padding: 18.4px 29.6px;
    font-size: 17px;
    border-radius: 3px;
}

.input-group-addon.input-lg {
    padding: 27.6px 44.4px;
    font-size: 25px;
    border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;

}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #bababa;
}

.nav>li.disabled>a {
    color: #cfcfcf;
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #cfcfcf;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    border-color: #4a5164;
}

.nav .nav-divider {
    height: 1px;
    margin: 16px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #dddddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.7;
    border: 1px solid transparent;
    border-radius: 0 0 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #bababa #bababa #dddddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #e2e0e0;
    background-color: #1f2430;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified>li {
    float: none;
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 0;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #dddddd;
        border-radius: 0 0 0 0;
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #1f2430;
    }
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 0;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #1f2430;
    background-color: transparent;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified {
    width: 100%;
}

.nav-justified>li {
    float: none;
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 0;
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #dddddd;
        border-radius: 0 0 0 0;
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #1f2430;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 47px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-header {
    font-size: 40px;
    color: #1f2430;
    text-transform: uppercase;
    background: url(../images/logo.webp) 0 no-repeat;
    background-size: contain;
    height: 108px;
    width: 280px;
}

.navbar-header a {
    display: block;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
        display: inline-block;
    }
}

.navbar-header .navbar-brand {
    font-weight: 300;
}

.navbar-header .navbar-brand span {
    font-weight: 700;
    color: #ff6600;
}

.navbar-brand {
    overflow: hidden;
}

.navbar-brand a:hover,
.navbar-brand a:focus {
    color: #1f2430;
    text-decoration: none;
}

@media (min-width: 768px) {
    .navbar-nav {
        margin: 0;
        font-family: sans-serif, "Microsoft Yahei";
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav>li>a {
        display: block;
        font-size: 16px;
        line-height: 28px;
        font-weight: 700;
        padding: 40px 32px;
        font-family: sans-serif, "Microsoft Yahei";
        text-transform: uppercase;
    }


}

@media(max-width:1200px) {
    .navbar-nav>li>a {
        padding: 40px 15px;
    }

    .dropdown-menu {
        margin-left: -25px !important;
    }
}

@media(max-width:992px) {
    .navbar-nav>li>a {
        padding: 40px 15px;
    }

    .dropdown-menu {
        margin-left: -25px !important;
    }
}


@media (min-width: 768px) and (max-width: 767px) {
    .navbar-nav>li>a {
        padding: 10px 20px;
        font-style: italic;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left;
    }

    .navbar-right {
        float: right;
        margin-right: -15px;
    }

    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-right {
        float: none;
        margin-right: 0px;
        display: inline-block;
    }
}

.navbar-default {
    background-color: #ffffff;
    border-color: none;
}

.navbar-default .navbar-brand {
    color: #1f2430;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #1f2430;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #1f2430;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #1f2430;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
    background-color: #00269a;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.sfHover>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.sfHover>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.sfHover>a:focus {
    color: #ffffff;
    background-color: #00269a;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-inverse {
    background-color: #222222;
    border-color: #080808;
}

.navbar-inverse .navbar-brand {
    color: #f5f5f5;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #f5f5f5;
}

.navbar-inverse .navbar-nav>li>a {
    color: #f5f5f5;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.sfHover>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.sfHover>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.sfHover>a:focus {
    color: #ffffff;
    background-color: #080808;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444444;
    background-color: transparent;
}

@media (max-width: 767px) {
    .navbar {
        display: none;
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: 2px 0 0;
    margin-left: -7px;
    list-style: none;
    font-size: 20px;
    text-align: left;
    background-color: rgba(255, 255, 255, .95);
    margin-top: 1px;
    padding: 20px 10px;
    -moz-box-shadow: 0 20px 25px 0px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 20px 25px 0px rgba(0, 0, 0, 0.175);
    box-shadow: 0 20px 25px 0px rgba(0, 0, 0, 0.175);
    width: 142px;
    font-family: sans-serif, "Microsoft";
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 16px 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
}

.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 25px;
    padding: 7px 0;
    color: #222;
    text-align: center;
}

.sf-menu ul>li>.sf-with-ul {
    position: relative;
}

.sf-menu ul>li>.sf-with-ul:before {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -11px;
    content: '\e0c2';
    font-size: 23px;
    color: #ff6600;
    font-family: "material-design";
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #00269a;
    background-color: transparent;
}

.dropdown-menu>.active>a,
.dropdown-menu>.sfHover>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.sfHover>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.sfHover>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: transparent;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #cfcfcf;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

@media (max-width: 767px) {
    .dropdown-menu {
        display: block;
        position: relative;
        float: none;
        width: auto;
    }
}

.sf-menu>li>ul li {
    position: relative;
}

.sf-menu>li>ul li ul.dropdown-menu {
    position: absolute;
    left: 100%;
    top: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 17px;
    line-height: 1.7;
    color: #cfcfcf;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 34px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}

.breadcrumb>.active {
    color: #cfcfcf;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 34px 0;
    border-radius: 0;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 23px 37px;
    line-height: 1.7;
    text-decoration: none;
    color: #4a5164;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #ff6600;
    background-color: #bababa;
    border-color: #dddddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #cfcfcf;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 27.6px 44.4px;
    font-size: 25px;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 18.4px 29.6px;
    font-size: 17px;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 34px 0;
    list-style: none;
    text-align: center;
}

.pager li {
    display: inline;
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #bababa;
}

.pager .next>a,
.pager .next>span {
    float: right;
}

.pager .previous>a,
.pager .previous>span {
    float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #cfcfcf;
    background-color: #ffffff;
    cursor: not-allowed;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #cfcfcf;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #b6b6b6;
}

.label-primary {
    background-color: #ff6600;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #2051b9;
}

.label-success {
    background-color: #63cd54;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #46b836;
}

.label-info {
    background-color: #4acad5;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #2cb4c0;
}

.label-warning {
    background-color: #d8c860;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ceba37;
}

.label-danger {
    background-color: #f44236;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #ea1b0d;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: none;
    border-radius: 10px;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge,
.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px;
}

a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #4a5164;
    background-color: #ffffff;
}

.list-group-item>.badge {
    float: right;
}

.list-group-item>.badge+.badge {
    margin-right: 5px;
}

.nav-pills>li>a>.badge {
    margin-left: 3px;
}

.jumbotron {
    color: #ffffff;
    height: 100%;
    font-size: 55px;
}

.thumbnail {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail .caption {
    margin-top: 15px;
}

.thumbnail3 {
    max-width: 270px;
}

.thumbnail4 {
    max-width: 370px;
}

@media (max-width: 991px) {
    .thumbnail6 {
        max-width: 370px;
    }
}

.alert {
    padding: 15px;
    margin-bottom: 34px;
    border: 1px solid transparent;
    border-radius: 0;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert>p,
.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 34px;
    margin-bottom: 34px;
    background-color: #d6d5d5;
    border-radius: 0;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 17px;
    line-height: 34px;
    color: #1f2430;
    text-align: center;
    background-color: #ff6600;
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-transition: width 0.6s ease;
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #63cd54;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #4acad5;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #d8c860;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #f44236;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-right img,
.media>.pull-right img {
    max-width: none;
}

.media-left,
.media>.pull-left {
    padding-right: 27px;
}

.media-left img,
.media>.pull-left img {
    max-width: none;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

@media (max-width: 450px) {

    .media-left,
    .media-right,
    .media-body {
        display: block;
        width: 100%;
    }
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

a.list-group-item {
    color: #555555;
}

a.list-group-item .list-group-item-heading {
    color: #333333;
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #f5f5f5;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #bababa;
    color: #cfcfcf;
    cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #cfcfcf;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #1f2430;
    background-color: transparent;
    border-color: transparent;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: rgba(102, 102, 102, 0);
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success {
    color: #3c763d;
}

a.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info {
    color: #31708f;
}

a.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning {
    color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger {
    color: #a94442;
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    margin-bottom: 34px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 0;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 23px;
    color: inherit;
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1;
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px;
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: -1;
    border-top-left-radius: -1;
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: -1;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: -1;
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1;
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: -1;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: -1;
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #dddddd;
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 34px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default>.panel-heading {
    color: #5e5e5e;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #dddddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #5e5e5e;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #dddddd;
}

.panel-primary {
    border-color: #ff6600;
}

.panel-primary>.panel-heading {
    color: #ffffff;
    background-color: #ff6600;
    border-color: #ff6600;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ff6600;
}

.panel-primary>.panel-heading .badge {
    color: #ff6600;
    background-color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ff6600;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video,
.embed-responsive img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive img{object-fit: cover}

.embed-responsive-16by6 {
    padding-bottom: 40%;
}
.embed-responsive-16by7 {
    padding-bottom: 48%;
}


.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom:66.5%;
    /*padding-bottom: 75%;*/
}

.embed-responsive-1by1 {
    padding-bottom: 100%;
}

.embed-responsive-3by4 {
    padding-bottom: 125%;
}

.well {
    padding-bottom: 86px;
    padding-top: 81px;
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.well2 {
    padding-top: 190px;
    padding-bottom: 176px;
}

@media (max-width: 767px) {
    .well2 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

.well3 {
    padding-top: 69px;
    padding-bottom: 87px;
}

.well4 {
    padding-top: 90px;
    padding-bottom: 87px;
}

.well5 {
    padding-top: 117px;
    padding-bottom: 64px;
}

@media (max-width: 767px) {
    .well5 {
        padding-top: 80px;
    }
}

.well6 {
    padding-top: 205px;
    padding-bottom: 176px;
}

@media (max-width: 767px) {
    .well6 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

.well7 {
    padding-top: 69px;
    padding-bottom: 85px;
}

.well8 {
    padding-top: 82px;
    padding-bottom: 85px;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.lt-ie9 .close {
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.lt-ie9 .close:hover,
.lt-ie9 .close:focus {
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.lt-ie9 .modal-backdrop.fade {
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.lt-ie9 .modal-backdrop.in {
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.7px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.7;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

.lt-ie9 .tooltip {
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.lt-ie9 .tooltip.in {
    filter: alpha(opacity=90);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 0;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.7;
    text-align: left;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 20px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-nav:before,
.navbar-nav:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-nav:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-nav:before,
.navbar-nav:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-nav:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.hide {
    display: none !important;
}

/*.show {
    display: block !important;
}*/

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}




.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

@media(max-width: 500px) {
    .d-flex {
        display: none !important
    }

}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.btn-secondary {
    color: #fff;
    background-color: #00A7E1;
    border-color: #00A7E1
}


.btn-diamond {
    position: relative;
    transform: skewX(-15deg)
}

.btn-diamond>* {
    display: inline-block;
    transform: skewX(15deg)
}

.btn-outline-cs {
    border-color: #DDD
}

.btn-lg.btn-outline-cs,
.btn-group-lg>.btn.btn-outline-cs {
    padding: .75rem 1rem;
    font-size: 1rem;
    line-height: 1.5
}

.btn-lg.btn-outline-cs i,
.btn-group-lg>.btn.btn-outline-cs i {
    font-size: .7rem
}

.btn-outline-dark:hover {
    background-color: #222;
    border-color: #222
}

.btn-outline-dark:hover i {
    color: #fff
}







.banner {
    width: 100%;
    position: relative;
}

.banner img{
    width: 100%;height:100vh;object-fit: cover;
}

.shapes{position: absolute;z-index:100}

.rshape{right:0;bottom:0;transform: translateY(calc(28% - 1px));}
.lshape{left:0;top:0;transform: translateY(calc(35.5% + 1px));}
.rshape img{width:unset !important;height:unset !important;}
footer .rshape{bottom:unset;top:0;transform: translateY(calc(-72% - 1px));}
.idxnews .lshape,.bg7 .lshape{transform: translateY(calc(-28% + 2px));}
.banner video{
    width:100%;height:100vh;object-fit: cover;display:block;background-color: #000;z-index:2;
}

.banner img.pro{object-fit: unset;height:unset;position: absolute;left:0;bottom:0;}
.banner img.pro.prom{display: none;}
@media(max-width:1000px){
    .lshape,.rshape{display:none;}
    .banner img.pro{display: none;}
    .banner img.pro.prom{display: block;bottom:10%}
    .banner.page2 video,.banner.page2 img{height:calc(55vh)}
    .banner video{
    height:60vh;
    }
    .banner.probg video{
    height:100vh;
    }
}
.banner.page video,.banner.page img{height:calc(40vh)}

@media(min-width:1000px){
.banner.page video,.banner.page img{height:calc(80vh)}
}
.banner .slogan{position: absolute;left:50%;width:90%;top:50%;transform: translate(-50%,-50%); text-align: center;z-index:555}
.banner .slogan h1{color:rgba(255,255,255, 1);letter-spacing: 1rem}
@media(min-width:1600px){
.banner .slogan h1{font-size:500%;}
}
.banner .slogan h3{color:#fff;}
.banner .slogan.p2{top:50%;text-align:center;color:#fff;transform: translate(-50%,-50%);}

.banner .slogan.p2 h1{letter-spacing: 0;}
.banner .slogan.p2 h3{letter-spacing: .25em;font-weight:400;text-transform: uppercase;}
.banner .info .iconfont{font-size:400%;line-height: 1em;display:block;}


.banner .info,.banner .info2{color:#fff;left:50%;width:80%;top:50%;transform: translateY(-50%);position: absolute;}


@media(min-width:1000px){
    .banner .slogan.p2.p3{top:35%}
.banner .info,.banner .info2{width:40%;max-width:700px;font-size:125%}

}

@media(min-width:1700px){
    .banner .info h2{font-size:280%}
}

@media(max-width:600px){
    .banner .info{left:unset;top:unset;transform: unset;position: relative;
       width:100%;background-image: linear-gradient(120deg, rgba(4, 60, 111, 1) 0%, rgba(8, 79, 158, 1) 100%);padding:20% 10% 10%;
    }
    .about1 .cleft img{max-width:65%}
}

.banner .info hr{background-color: #fff;opacity: .2;margin:2em 0;}

.banner .info2{left:10%;}


.bannerpage {
    position: absolute;
    z-index: 55;
    text-align: center;
    bottom: 0;
    left:0;
    padding: 2rem 0rem;
    width: 100%;
}

.bannerpage .swiper-pagination-bullet {
    background-color: #fff;
    width: 7px;
    height: 7px;
    margin-left:.35rem;
    margin-right:.35rem;
}

.bannerpage .swiper-pagination-bullet-active {
    transform: scale(1.09);
    transform: scale(1.8);
}
@media(min-width:1200px){
.menuicob{transform: translateY(-100%)}
}
.menuicob{background-color: rgba(0,72,157,.7);position: relative;z-index:55}
.menuico a{font-size:115%;padding:1.5em 2.5em;position: relative;display: block;color:#fff;}

.menuico a:after{content:'';background-color: rgba(0,72,157,1);;height:5px;width:0;position: absolute;top:0;left:-100%;opacity:0;transition: 600ms;-webkit-transition:600ms;}
.menuico a:hover:after,.menuico a.active:after{width:100%;left:0;opacity: 1;}
.menuico a:hover,.menuico a.active{color:#00479d;font-weight:800;background-color: #fff}

.mbt{cursor: pointer;padding:.75em 2em;}
.mbt.extend .iconfont{transform: rotate(90deg);}

@media(max-width:868px){
    .menuicob{background-color: rgba(0,72,157,1);}
    .menuico a{font-size:unset;padding:.75em ;color:rgba(255,255,255,.5)}
    .menuico{display: none;background-color: rgba(0,72,157,.7);padding:1em 2em 2em;}
    .menuico .flex.justify-content-center{justify-content: space-between !important;}
    .menuico .flex li{width:49%}
    .menuico a:after{height:1px;width:100%;background-color: rgba(255,255,255,.1);top:calc(100% - 1px);left:0;opacity: 1}

    .menuico a:hover:after,.menuico a.active:after{background-color: rgba(255,255,255,.3);}

    .menuico a:hover, .menuico a.active{color:rgba(255,255,255,1);background-color: transparent;}

}
.swipernav {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 5rem;
    left: -90px;
    top: 50%;
    background-color:#fff;
    transform: translateY(-50%);
    z-index: 100;
    cursor: pointer;
    text-align: center;
    transition: 600ms;
    box-shadow:5px 10px 25px rgba(0,0,0,.1);
}






.swipernav:hover {
    color: #fff;
    background-color: #333;
}




.swipernav .iconfont {
    font-size:180%;
    display: inline-block;
}

.nexta.swipernav {
    left: auto;
    right: -90px;
}




@media(min-width:768px) and (max-width:1500px){

    .bigitb.container{padding-left:90px;padding-right:90px;}
    .bigit .swiper-wrapper{align-items: center;}
    .swipernav{left:0;}
    .nexta.swipernav {
    left: auto;
    right: 0;
}
}


.more,.more2{margin-top:2rem}
.more a,
.more2 a {
    display: inline-block;
    color: #333;
    transition: 400ms;
    border-radius: 5em;
    padding: .5rem 3rem;
    border: 1px solid #555;
}



.more2 a {
    border: 1px solid #fff;
   
    border-radius: 5em;
    color:#fff;
}

.more2 a .iconfont{margin-left:-1rem;margin-right:1rem;font-size:120%}
.more2 a:hover {
    background-color: #fff;
    box-shadow: 0 15px 15px rgba(255, 102, 0, .2);
    transform: translateY(-5px);
    color:#333;
}
.more a:hover{
    background-color: #00479d;border-color:#00479d;color:#fff;
}


.case .info{padding:1em;}
.case .swiper-slide{padding:0 15px 35px;}
.case .swiper-slide a{box-shadow: 0 10px 20px rgba(0,0,0,.1);display: block;}
/*新闻*/
.newscon .cleft{width:100%}
.newscon .cright{width:100%;padding-top:2em;}

@media(min-width:968px){
.newscon .cleft{width:70%}
.newscon .cright{width:25%;padding-top:0;}}

.newscon hr{margin:2em 0 !important}
.newscon .cright .info{padding-top:1em;}
.newslist dd:hover a {
    transform: translateY(-10px);
    box-shadow: 0 15px 25px rgba(0, 0, 0, .1)
}

.newslist a {
    display: block;
    background-color:#fff;
        height: 100%;

}

.newslist a *,
.newslist a {
    transition: 500ms
}

.nlist.flex{width:calc(100% + 2em);margin-left:-1em;border:1px solid #eee;border-right:none;border-bottom:none;}
.nlist .item{width:100%;padding:2em; transition: 600ms;border:1px solid #eee;}



/* 去除左边框重复 */
.nlist .item:nth-child(3n+1) {
  border-left: none; 
  border-top:none; 
}
.nlist .item:nth-child(3n+2) {
  border-left: none;  
  border-top:none;
}
.nlist .item:nth-child(3n+3) {
  border-left: none;  
  border-top:none;
}

.nlist .item:hover a{transform: translateY(-15px);}
.nlist .info{padding:2em 0;}
.nlist a{display: block;height:100%; }
.nlist .item:hover{background-color: #eee}
.nlist a .date span:nth-child(1) {
    font-size: 50px;
    color: #222;
}

.nlist a p {
    margin-top: 10px;
    color: #aaa;
}

.nlist a .date span {
    display: block;
    font-family: "Conv_DINCondensedC";
    color: #777;
    text-align: center;
    line-height: 1.2
}



.caselist dd a {
    position: relative;
    display: block;
}

.caselist dd a .info {
    position: absolute;
    padding: 0 1rem 1rem;
    color: #fff;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 48;
    text-align: center;
}

.caselist dd,
.index.caselist dd {
    width: 50%;
    padding: 15px;
}

.caselist dd img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none;
}

.newslist,
.caselist {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.newslist dd {
    padding: 15px;
    width: 100%;
}
.nlist{margin-top:2em;}
@media(min-width:768px) {
.nlist .item{width:50%}

.nlist{margin-top:0;}
}

@media(min-width:1200px) {
.nlist .item{width:33.3333%}

}

.pages {
    display: flex;
    flex-wrap: wrap;
}

.pages li {
    width: 33.333%;
    text-align: center;
}

.newslist .pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: none;
}

.newslist .info {
    padding: 2rem;
}






.intxt,
.contactform .row textarea {
    background-color: #fff;
    border: none;
    width: 100%;
    padding: .7rem;
}

.contactform .row div {
    margin-bottom: 2rem;
}

.contactform .coolbg {
    color: #fff;
    background-color: #ff6600;
    padding: 1em 4em;
    border: none;
    border-radius: 3px;
    transition: 400ms;
}

@media (max-width:500px) {

    .contactform .coolbg {
        width: 100%;
        text-align: center;
    }

}

.contactform .coolbg:hover {
    transform: translateY(-5px);
    background-color: #00A7E1
}

@media (max-width:767px) {
    .contactform .row div {
        margin-bottom: .5rem;
    }

    .contactform .text-right {
        text-align: left;
    }
}

.zhiliang .mb-2 {
    margin-bottom: 2.5rem;
}

.person {
    padding-top: 2em
}


.newslist li.col-lg-4 span {
    display: block;
    max-height: 163px;
    overflow: hidden;
    text-align: center;
}

.newslist li.col-lg-4 span img {
    max-height: 100%;
    transition-duration: 350ms;
}

.newslist a:hover span img {
    transform: scale(1.2);
}

@media (max-width: 991px) {
    .newslist .row .col-sm-6 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {

    /*.newslist a{padding-top: 0;}*/
    /*.newslist .row .date{display: none;}*/
    .newslist .row .col-xs-8 {
        padding-right: 0;
    }

    /*.newslist .row .col-xs-8 .txtover{display: none;}*/

    .newslist .row .col-xs-4 {
        padding: 0;
    }

    .newslist li.col-lg-4 span {
        max-height: none;
        margin-bottom: 2rem;
    }


}



.zhiliang video {
    width: 100% !important;
    height: auto !important;
}


.hd>ul,
.hd {
    display: flex;
    align-items: center;
}

.hd
 {
    justify-content: space-between;
    width: 100%
}

.head-logo {
    width: 100px;
    margin:0;
}
.head-logo a{display: block;height:100%;}


.head-logo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding:.5rem 0;
    object-position: center center;
}

.sbtn {
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    font-size: 20px;
}

.formsearch {
    position: relative;
    padding-right: 40px;
    border: 1px solid #eee;
    width: 280px;
    line-height: 30px
}

.formsearch .intxt {
    padding-top: 0;
    padding-bottom: 0;
    color: #aaa;
    font-size: 12px
}



.flex {
    display: flex;
    width: 100%;
    flex-wrap:wrap;
}
.flexnow{display: flex;}
.flex.row{width:unset;flex-wrap:wrap;}
.flex > div{float:none;}
.slogan {
    font-weight: 400;
    font-size: 100%;
    margin: 0
}



.weixin {
    position: relative;

}





.qr {
    display: none;
    position: absolute;
    background-color: #ff6600;
    padding: 1rem 2rem;
    border-radius: 10px;
    top: 110%;
    right: 0;
    z-index: 500;
    text-align: left;
    color:#000;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .1)
}


.hd .slogan {
    vertical-align: middle
}

.bd {
    border-bottom: 1px solid #eee;
}

.links {
    font-size: 80%;
}

.links i {
    margin-right: .5rem
}

.links a {
    margin: 0 1rem;
    color: #777;
}

.hw-right a {
    margin-left: 2rem;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}

.hw-right i {
    font-size: 30px;
    vertical-align: middle;
    margin-right: .5rem;
}

.hw-right a i.icon-gouwuchexuanzhong {
    color: #ff6600;
    font-size: 25px;
}



.header.active{position: fixed;top:0;left:0;right:0;width:100%;background-color: #fff;box-shadow: 0 25px 65px rgba(0,0,0,.1)}







@media (min-width:1200px) {
    .head-logo {
        width: 250px;
        height: 96px;
    }

    .head-right {
        width: calc(100% - 250px)
    }

}


@media (min-width:1400px) {


    .head-right {
        width: calc(100% - 250px)
    }


}
@media (min-width:1600px) {


    .head-right {
        width: calc(100% - 250px)
    }


}


.menu > li > a{padding:.5em; display: block;color:#fff;overflow:hidden;position: relative;}


@media(min-width:1200px){
    .menu > li > a{padding:1.5em 1em;}
}
@media(min-width:1400px){
    .menu > li > a{padding:1.5em 2em;}
}
@media(min-width:1600px){
    .menu > li > a{padding:2em 2em;font-size:105%}
}

@media(min-width:2000px){
    .menu > li > a{padding:2em 2em;}
}

.header.active,.header.inside,.header.inside .menu > li > a,.header.active .menu  > li > a,
.header.nopor .menu > li > a{color:#2a2a2a;}

.headerNav .menuul{display: none;width:100%;position: absolute;background:rgba(0,71,157,.9);left:0;padding:0 8%}

.headerNav .menuul a{color:rgba(255,255,255,.7);padding:1.4em 2.2em;font-size:105%;display: block;}
.headerNav .menuul a:hover,.headerNav .menuul a:hover p{color:rgba(255,255,255,1);}
.menuul .pic{width:15vw;}
.header.inside .menu > li > a.nav_hover,.header.active .menu  > li > a.nav_hover,.nav_hover
{color:#00479d;}
.menu > li > a:after{transition: 600ms;width:0;content:'';background-color: #00479d;height:3px;position: absolute;left:0;bottom:0;}
.menu > li > a.nav_hover:after{width:100%;}





#menutab {
    display: block;
    width: 30%;
    padding-top: 1rem
}

#menutab li img {
    width: 90px;
    float: right;
}

#menutab li:after,
#menutab li:before {
    content: '';
    clear: both;
    display: table;
}

#menutab li {
    cursor: pointer;
    padding: 0 0 0 2rem;
    line-height: 55px
}

#menutab li.active,
#menutab li:hover {
    color: #ff6600
}

.tabcon {
    width: 70%
}

.tabcon .content {
    display: none
}

.tabcon .info ul,
.twonav .flex {
    align-items: center;
    justify-content: space-between
}

.tabcon .info ul li img {
    border-radius: 5em;
    overflow: hidden;
    width: 30px;
    height: 30px;
}

.tabcon .info ul li {
    padding: 0 5px
}

.select-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition-duration: 500ms;
    z-index: 99999;
    transform: translateY(-100%);
}

.select-main.scshow {
    transform: translateY(0);
}

.select-bg {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.select-main .select-content {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    padding: 15vh 14vw;
}
.select-content .formsearch {border-radius: 5px;padding-right:0;overflow: hidden;}
.select-content .formsearch .item{width:10%}
.select-content .formsearch .item:first-child{width:90%;}

.select-content .formsearch .intxt{line-height: 60px;font-size:110%;padding:0 1rem;box-sizing: border-box;  -webkit-appearance: none;
    border-radius: 0 !important; }
.select-content .formsearch button{border:none;background-color: #000;color:#fff;text-align:center;line-height: 60px;display: block;width:100%;font-size:130%;height:60px;overflow:hidden;}


.moff {
    display: block;
}

.mon {
    display: none;
}

@media(max-width: 900px) {
    .select-main .select-content {
        padding: 10vw
    }

    .select-main .select-content .search-btn {
        width: 15vw
    }

    .moff {
        display: none;
    }

    .mon {
        display: block;
    }
}

.mobile {
    display: none;
}

.header-menu {
    display: none;
}

@media(max-width: 930px) {


    .mobile {
        z-index: 999999;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-color: #f2f0f8;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        padding-top: 49%;
        box-sizing: border-box;
        color: #45268a;

    }

    .header {
        display: none
    }

    .header-menu {
        display: block;
        height: 56px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1000;
        
    }



    .header-menu .head-logo {
        border-right: 0;
        height: 56px;
        width: 200px;padding-left:10px;
    }

    .header-menu.active{background-color: #fff;
        box-shadow:0 10px 15px rgba(0,0,0,.1);
    }

    .header-menu .flags {
        position: absolute;
        top: 0;
        right: 65px;
    }

    .header-menu .flags>a {
        line-height: 55px;
    }

    .flags>a>img {
        max-height: 22px
    }
}

.menu-m {
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background:linear-gradient(120deg, rgba(4, 60, 111, 1) 0%, rgba(8, 79, 158, 1) 100%);
    padding: 0 1.5rem;
    text-align: left;
}

.menu-m .flex a{width:50%;text-align:center;position: relative;}
.menu-m .flex a:first-child:before{content:'';background-color: rgba(255,255,255,.2);height:50%;width:1px;
position: absolute;top:50%;right:0;transform: translateY(-50%);
}

.menu-m {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -webkit-transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1);
    transition: 0.88s cubic-bezier(0.19, 1, 0.22, 1);
}

.menu-top-show {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}




.menu-m li a {
    position: relative;
    color: #fff;
    display: block;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    text-indent: 1rem;
    padding:.8rem 0;
}

.menu-m li i,
.fpmenu a i {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: block;
    font-style: normal;
    font-weight:100;
    transform: translateY(-50%) scale(1.5);
    -webkit-transition: all .3s;
    line-height:1em;
    transition: all .3s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    text-indent: 0;
}


.menu-m a.open i,
.fpmenu a.open i {
    -webkit-transform: translateY(-50%) rotate(-45deg) scale(1.2);
    transform: translateY(-50%) rotate(-45deg) scale(1.2);
}



.nav-menu {
    padding: 2.8rem 0 1rem;
}

.nav-menu ul {
    padding: 0;
}

.nav-menu h1 {
    line-height: 1.2em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.menu-son {
    background: rgba(255, 255, 255, .1);
    display: none;
}

.menu-son2 {
    display: none;
}

.menu-son ul li ul {
    display: none;
}

.fpmenu .menu-son {
    background: none;
}

.menu-son li a {
    font-size: 14px;
}

.menu-son li:last-child {
    border-bottom: none;
}

.menu-btn {
    z-index: 999999;
    position: absolute;
    top: 35px;
    right: 1.5rem;
    height: 56px;
    line-height: 56px;
    font-size: 1.4rem;
    color: #333;
    display: block;
    text-align: left;
}

@media(max-width: 1024px) {
    .hw-right {
        margin-right: 30px
    }

    .menu-btn {
        top: 0
    }
}

.menu-btn.active {
    top: 0;
}

.menu-btn:hover {
    color: #727272;
}

.menu-btn img {
    height: 20px;
    float: left;
    margin: 1.7rem 1.6rem 0 0;
}

.menu-btn span {
    position: relative;
    float: left;
    margin: 25px 0 0 0;
    width: 25px;
    height: 2px;
    display: block;
    background: #fff;
}


.menu-btn i {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    display: block;
    background: #fff;
    transition-duration: .3s, .3s;
    -webkit-transition-duration: .3s, .3s;
    transition-delay: .3s, 0s;
    -webkit-transition-delay: .3s, 0s;
}

.menu-btn i.mbtn-top {
    top: -0.6rem;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, -webkit-transform;
    transition-property: top, transform;
    transition-property: top, transform, -webkit-transform;
    -webkit-transition-property: top, transform;
    background: #fff;
}

.menu-btn i.mbtn-bottom {
    bottom: -0.6rem;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
    -webkit-transition-property: bottom, transform;
    background: #fff;
}
.header-menu.active .menu-btn i.mbtn-bottom,.header-menu.active .menu-btn i.mbtn-top,.header-menu.active .menu-btn span{
    background-color:#00479d;
}

.header-menu.active .menu-btn.menu-btn-on i.mbtn-bottom, .header-menu.active .menu-btn.menu-btn-on i.mbtn-top, .header-menu.active .menu-btn.menu-btn-on span
 {
    background: #fff
}




.menu-btn .menu-font {
    font-style: normal;
}

.menu-btn-on span,.header-menu.active .menu-btn.menu-btn-on span{
    margin-right: 0;
    background-color: transparent;
}

.menu-btn-on img {
    display: none;
}

.menu-btn-on,
.menu-btn-on:hover {
    color: #fff;
}

.menu-btn-on i.mbtn-top,
.menu-btn-on i.mbtn-bottom {
    background: #fff;
    transition-delay: 0s, .3s;
    -webkit-transition-delay: 0s, .3s;
}

.menu-btn-on i.mbtn-top {
    top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.menu-btn-on i.mbtn-bottom {
    bottom: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.menu-btn-on .menu-font {
    display: none;
}

.fpmenu .menu-son {
    display: none;
}

.w94 {
    width: 85%;
    max-width:1800px;
    margin-left: auto;
    margin-right: auto;
}
.vh28{height:calc(100vh / 2.5)}




.case {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px
}

.case {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
}

.case .item {
    width: 33.3333%;
}


.bigit img {
    width: 100%
}
.bigit .swiper-slide{position: relative;}

.bigit .txtcon{position: absolute;width:50%;left:50%;top:20%;transform: translatex(-50%);color:#fff;text-align:center;}



.bigit .more{margin-top:2rem;display: inline-block;}
.bigit .more a{border-radius: 65em}


.smallit .swiper-slide {
    text-align: center;
    cursor: pointer;
}



.smallit .iconfont {
    color: #fff;
    font-size: 40px;
    display: inline-block;
    height: 75px;
    line-height: 75px;
    text-align: center;
    transition: 500ms;
}

.smallit .icon-shiyougongye {
    font-size: 30px
}



.smallit .swiper-slide.swiper-slide-thumb-active .iconfont,
.smallit .swiper-slide:hover .iconfont {
    color: #fff;
}



@media(min-width:800px) {
.bigit .txtcon p{font-size:120%}

.smallit {
    transform: translateY(-220%);
    position: relative;
    z-index: 555;
    color: #fff;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}


.smallit .iconfont {
    color: #fff;
    font-size: 50px;
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    transition: 500ms;
    border-radius: 5em;
}

.smallit .icon-shiyougongye {
    font-size: 40px
}

.smallit .swiper-slide.swiper-slide-thumb-active .iconfont,
.smallit .swiper-slide:hover .iconfont {
    background-color: #fff;
    color: #ff6600;
}

    
    .case .item a {
        background-color: none
    }

    
    .case .item a h5 {
        color: #fff;
        text-transform: uppercase;
    }

  
    .case .item a h5 {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        bottom: 0;
        padding: 1rem;
    }

    .case .item {
        width: 18%
    }
}


.index-tit {
    padding: 2rem 0;
}

.dform {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 25%;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 3%
}

.por {
    position: relative;
}

.about-t h2 {
    font-weight: 400
}

/*简介*/
.about1 .cleft{width:100%}
.about1 .cright{width:100%;}

@media(min-width:1000px){
.about1 .cleft p{font-size:115%}
.about1 .cleft{width:50%;}
.about1 .cright{width:45%;padding-right:5%;}
}




.about3{background-image: url(../images/bg.webp);background-size: cover;}
.about2{background-image: url(../images/bg1.webp);background-size: cover;background-position: center center; position: relative;}
.about2:after{content:'';background-color: rgba(0,0,0,.5);position: absolute;left:0;top:0;height:100%;width:100%;
}
.about2 h4{z-index:55;line-height: 2em;position: relative;padding:2em;}
.about3 .w94{z-index: 55}
.about3{padding:10vh 0 15vh}
.about3:after{content:'';background-image: linear-gradient(-120deg,  rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 90%);width:100%;height:100%;position: absolute;left:0;top:0;}
.about3 ul{border-bottom:1px solid rgba(255,255,255,.1);padding:3vh 0;width:100%;display: flex;justify-content: space-between;align-items: center;}

@media(min-width:1000px){
.about3 ul{width:49%;padding:6vh 0;font-size:115%;}
}
.about3 ul li{width:20%;}
.about3 ul li:nth-child(2){width:78%;}

.about4{background-image: url(../images/bg2.webp);background-size: cover;}
@media(min-width:1000px){
.about5{background-image: url(../images/bg3.webp);background-size: cover;background-position: bottom center;
padding-bottom:32vh;
}
.honors.swiper{width:95vw;}
}
.waves{position: absolute;width:100%;height:100%;left:0;bottom:0;}
.waves canvas{width:100% !important;height:100% !important;object-fit: cover;object-position: bottom center}
.honors .swiper-slide{padding:0 0 5vh;}
    .honors .swiper-slide .por{margin:0 0 18vh;transition: 700ms}

    .honors .swiper-slide:nth-child(even) .por{margin:18vh 0 0;}
    
    
    .floor {trans;width:100%;transform: translateY(-30%);}
    .cerpic{max-width:70%;max-height:35vh;transform: translateX(-8%);position: relative;z-index:55}
    .honors p{font-size:115%;position: absolute;width:100%;top:88%;left:0;}



    .hiscon > span{font-size:200%;font-weight:800;line-height: 1em}
    .hiscon ul span{font-size:110%;line-height: 1em;color:#00479d}

    @media(min-width:700px){
    .hiscon > h4{margin-bottom:3em;}
    .hiscon.swiper,.phs.swiper{overflow:visible;}
    .hiscon > span{font-size:300%;font-weight:800;line-height: 1em}
    .hiscon ul span{font-size:150%;line-height: 1em;color:#00479d}
    }
    .hiscon ul{display:flex;}
    .hiscon ul h4{margin-top:0}
    .hiscon ul:nth-child(2n){padding-top:8vh;}
    .hiscon ul li:nth-child(1){padding-right:2em;}
    .hiscon ul li:nth-child(2){position: relative;padding:0 4em 0 2em;}
    .hiscon ul li:nth-child(2):after{content:'';width:3px;background-image:linear-gradient(-180deg, rgba(0, 71, 157, 1) 0%, rgba(0, 71, 157, 0) 100%);position: absolute;left:0;top:15px;height:100%}
    .hiscon ul li:nth-child(2):before{content:'';width:15px;height:15px;border-radius:5em;background:#fff;border:3px solid rgba(0, 71, 157, 1);position: absolute;left:-6px;top:0;}
    .hiscon .flex{flex-wrap:nowrap;}
    .hiscon .swiper-slide,.phs .swiper-slide{width:auto;padding-right:5vw;}
    .phs .info{padding-right:2em}
    .phs h4{margin:0}
    .phs .flex{align-items: center;}
    .bg7{background-color: #00489d}

@media(max-width:968px){
    .hiscon .flex{flex-wrap: wrap}
    .hiscon .flex ul{width:100%}
    .hiscon ul,.hiscon ul:nth-child(2n){padding:4vh 0}

}

@media(max-width:600px){
.phs .flex{justify-content: space-between;flex-wrap:nowrap;}
.phs .pic{width:40%;}
.phs .info{width:56;}

}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}













.slick-arrow {
    display: none !important;
    visibility: hidden;
}

.proadv .flex {
    margin: 3rem 0;
    align-items: center;
    background-color: #fff
}


.proadv .flex>div {
    width: 45%;
}

.proadv .flex>div:nth-child(2) {
    width: 55%;
    padding: 0 5%;
    line-height: 1.68
}

.proadv img {
    object-fit: cover;
    width: 100%;
    height: 100%
}



.proadv h3 {
    color: #ff6600
}

.proadv ul {
    margin-top: 2rem
}

.proadv ul li ,.gongcheng ul li{
    padding-left: 1.5rem;
    font-size: 96%;
    position: relative;
    font-weight: 800
}

.proadv ul li:after,
.proadv ul li:before,.gongcheng ul li:after,.gongcheng ul li:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 10px;
    width: 6px;
    height: 6px;
    background-color: rgba(8, 113, 191, .5);
    display: block;
    border-radius: 5em;
}

.proadv ul li:after,.gongcheng ul li:after {
    width: 12px;
    height: 12px;
    left: 0;
    top: 7px;
}

.proadv ul li small {
    color: #777;
    display: block;
    font-weight: 100;
}

.gongcheng p strong{color:rgba(8, 113, 191, 1);font-size:130%;line-height: 2.5}
.gongcheng p br{height:0}

.sbtb thead {
    background-color: rgba(8, 113, 191, .8);
    color: #fff;
}

.sbtb tbody {
    font-size: 95%
}

.sbtb tbody tr:nth-child(odd) {
    background-color: #eee
}

@media(min-width:1200px) {
    .colors {
        bottom: 0;
        position: absolute;
    }
}

.colors {
    margin: 1rem 0 2rem
}

.colors li {
    border-radius: 5em;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    border: 1px solid #fff;
    padding: 2px;
}


.colors li.on {
    border-color: #ff6600
}

.colors li img {
    border-radius: 5em;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    display: block;
}

.pros {
    margin: 2rem 0
}

.pros li {
    margin: 7px;
    width: 110px;
    text-align: center;
}

.pros li .pic {
    border: 1px solid #eee;
}

.pros li img {
    object-fit: contain;
}

.pros li p {
    font-size: 90%;
}

.tmjd {
    margin-top: 1rem;
}

.tmjd img {
    max-width: 50px
}

.ritem ul li {
    margin-left: 10px;
    margin-right: 10px;
}

.smallpic .swiper-slide {
    border: 1px solid #eee;
    cursor: pointer
}

.smallpic .swiper-slide.swiper-slide-thumb-active {
    border-color: #ff6600
}

.proszarray .swiper-slide {
    border: 1px solid #eee;
    cursor: pointer
}

.proszarray .swiper-slide.swiper-slide-thumb-active {
    border-color: #ff6600
}

.smallcjt .swiper-slide {
    border: 1px solid #eee;
    cursor: pointer
}

.smallcjt .swiper-slide.swiper-slide-thumb-active {
    border-color: #ff6600
}

@media(min-width:900px) {
    .bigp {
        width: 65%;
    }

    .smallp {
        width: 65%
    }

    .bigb {
        width: 30%;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.smallp .swiper-slide {
    height: auto;
}

.smallp .slick-slide {
    cursor: pointer;
    margin: 7px;
    line-height: 0;
    background-color: #000
}

.smallp .slick-slide.slick-current img {
    opacity: .5
}

#tabs {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #eee;
}

#tabs li {
    cursor: pointer;
    padding: 1rem 1rem;
    font-size: 100%;
    transition: 400ms;
}



#tabs li.active,
#tabs li:hover {
    position: relative;
    color: #ff6600;
}

#tabs li:after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    left: -100%;
    top: 100%;
    display: block;
    background-color: #ff6600;
    transition: 400ms
}

#tabs li.active:after,
#tabs li:hover:after {
    width: 100%;
    left: 0;
}

.tab-container {
    padding: 2rem 0
}

.tab-container .content {
    display: none
}

@media(min-width:1200px) {
    #tabs li {
        font-size: 150%;
        padding: 1rem 3rem;
    }

    .content .w80 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}
.searchform{margin-top:2em;}

.searchform .intxt{width:72vw;height:100%;border:1px solid #eee;border-right:none;color:#555;line-height: 2.25em;font-size:110%;padding:.75em 1em;}

.searchform.layui-form .intxt{width:100%;border:1px solid #fff;height:unset;background: #fff}
.searchform.layui-form .intxt:focus{border-color:#00479d}
.searchform button{height:100%;border:none;outline: none;line-height:2.25em;width:100%}
.searchform button .iconfont{margin:0;}
.searchform.layui-form .flex{width:calc(100% + 2em);margin-left:-1em;}
.searchform.layui-form li{width:100%;padding:.5em 1em;}
.searchform.layui-form li.w100{width: 100%;}
.searchform.flex{flex-wrap: nowrap}

@media(min-width:900px){
.searchform .intxt{width:25vw;line-height: 3em;}
.searchform button .iconfont{margin:0 2em;width:unset}
.searchform button{line-height: 3em;width:unset;}

.searchform.layui-form li{width:33.33333%;padding:1em;}
.searchform.layui-form li.w50{width: 50%;}
}

.searchform.layui-form button{text-align:center;min-width:16vw;}
.banner .searchform .intxt{font-size:80%;color:#fff;line-height: 2.5em;width:60vw}
.banner .cover{background-image:linear-gradient(to bottom,  rgba(0, 71, 157, 0.8) 0%, rgba(0, 71, 157, 0) 90%);position: absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
@media(min-width:960px){
.banner .searchform .intxt{width:18vw}
}
.banner .searchform button{line-height: 2.5em}
.banner .searchform button.btn{background-color: #fff;color:#00479d;padding:.3em 1em;}
.banner .searchform button.btn:hover{background-color: #00479d;color:#fff;}
.banner .searchform button.btn:hover .iconfont{color:#fff;}

.banner.probg{position: fixed;top:0;left:0;}
.cates .w94{width:90%;max-width:unset;}
.cates .item{min-height:100vh;}

.cates .item.flex{align-items: end}
.cates .txt{width:100%;}

.cates .propic{width:100%}
.cates .big{font-size:140%}
.cates .txt{padding-top:8vh;}

.cates img{
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Safari/Chrome */
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    filter: contrast(1.1) brightness(0.9);

}



@media(min-width:1000px){
.cates .txt{width:45%;padding-bottom:10vh;padding-top:0;}
.cates .txt{padding-left:8%;}

.cates .txt h1{font-size:350%}
.cates .txt p{font-size:115%}
.cates .propic{width:55%}
}


@media(min-width:1940px){
.cates .txt p{font-size:135%}
.cates .item.flex{align-items: center}
}
.cates .txt hr{opacity:.3;margin:2em 0}

.prolist.bg1a{background-size: 100%;background-attachment: fixed;}

.prolist .item{width:100%;text-align: center;}
.cates .item:nth-child(even){border:1px solid rgba(255,255,255,.2);border-left:none;border-right:none;}
.cates .item:nth-child(even) .flex .txt{order:2;}
.cates .item:nth-child(even) .flex .propic{order:1}

.prolist.p66618110 .item,.prolist.p66618109 .item,.prolist.p66618111 .item{width:100%}
.prodes .cleft{width:100%;}
.prodes .cright{width:100%;}
@media(min-width:968px){
.prodes .cleft{width:50%;}
.prodes .cright{width:45%;}
.prolist .item{width:50%;padding:2em}
.prolist.p66618110 .item,.prolist.p66618109 .item,.prolist.p66618111 .item{width:50%}

.prodes{font-size:120%;line-height: 2.5em}
.prodes h2{font-size:200%}
}

    
    .prod1 .info{text-align: center;padding:1em 2em;}

    
    .prod3 .swiper-slide{border-radius: 25px;}
    
    .prod3 .flex{padding:2em;height:100%}
    .prod3 .flex .info{width:100%;}
    .prod3 .flex .pic{width:100%}
    .prod2 img{width:100%}
    .ftcontact .txt{width:100%;padding-left:2em;padding-top:4em;}
    .ftcontact .pic{width:100%;padding:2em 2em 0;}

@media(min-width:1200px){
    .prolist .item{width:33.33333%}
    .prod1.swiper,.prod2.swiper{width:95vw;}
    .prod3.swiper{width:120vw;}
    .prod3 .flex{padding:4em;height:100%}
    .prod3 .flex .info{width:40%;}
    .prod3 .flex .pic{width:55%}
    .ftcontact .txt{width:45%;padding-left:10%;padding-top:0;}
    .ftcontact .pic{width:55%;padding:2em 2em 0;}
}
.prodes hr{background-color: rgba(0,0,0,.1);margin:1em 0 2em}


.ftcontact {z-index:55;}

.loca {
    position: relative;
    color: #fff;line-height: 65px;


}
@media(max-width:600px){
    .loca{padding-top:70px}
    .prolist.bg1a{background-size: 250%;}

    .prodes .cright .mt-1{margin-top:0}
    .prodes .cright .btn{width:100%; text-align: center;}
}
.loca a:hover span{color:#fff;opacity:.5}
.loca a .iconfont{margin:0 1em;}
.loca a:last-child .iconfont{display: none;}

/*表单*/
.dform input,
.intxt,
.formul input {
    transition: 400ms
}

.intxt {
    background: none;
    outline: none;
}

.intxt:focus {
    border-color: #00479d;
}

.dform .intxt {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.dform .inbtn {
    display: block;
    padding: 10px;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    outline: none;
}

.dform .inbtn:hover {
    background-color: #ff6600
}

.formul {
    flex-wrap: wrap;
}

.formul .intxt {
    border: 1px solid #eee;
    color: #aaa;
    border-radius: 5px;
}

.formul li {
    width: 50%;
    padding: 10px;
}

.formul li.w100 {
    width: 100%;
}
.formul li.w50 {
    width: 50%;
}

.formul li.w33 {
    width: 33.33333%;
}

.formul .intxt:focus {
    color: #333;
    border: #ff6600 1px solid
}

.more3 a,.openselect {
    background-color: #222;
    color: #fff;
    border: none;
    padding: .5rem 3rem;
    border-radius: 5em;
    line-height: 2;
    transition:600ms;
}
.more3 a,.openselect{display: inline-block;}

a.btn2{background-color: #fff;color:#333;display: inline-block;font-size:115%;line-height: 2.7em;}
a.btn2:hover{background-color: #00499d;color:#fff;}
a.btn2 .iconfont{background-color: #00499d;color:#fff;display: inline-block;padding:0 1em}
a.btn2 span{display: inline-block;padding:0 1.2em;}
a.btn2:hover span{color:#fff;}
a.btn2:hover .iconfont{color:#00499d;background-color: #fff;}
.btns{display: flex;}
.btns a{background-color: #fff;color:#00499d;;font-size:115%;display: inline-block;margin-right:.5em;padding:.25em 1em;}
.btns a .iconfont{font-size:115%;margin-left:1em;}
.btns a + a{background-color:#333;color:#fff;}
.btns a:hover{background:#00499d;color:#fff;}
.btns a:hover .iconfont,.btns a + a:hover{color:#fff;}

/*联系我们*/
.ctinfo hr{margin-bottom:2em;}
.ctinfo .item{width:100%;padding:0 0 2em}
@media(min-width:700px){
.ctinfo .item{width:49%; }
}

@media(min-width:1200px){
.ctinfo .item{width:32%;padding:0 0 0}
}
.ctinfo .item a{margin-top:2em;display: block;}
.ctinfo .embed-responsive img{object-fit: none;height:unset;width:unset;max-width:unset;left:50%;top:50%;transform: translate(-50%,-50%);}
.ctinfo .pic:hover img{transform: translate(-50%,-50%) scale(1.09);}
.services + .services{padding:4vh 0;}
.services .picb,.services  > div{width:100%;}
@media(min-width:900px){
.services + .services{padding: 0;}
.services  > div{width:47%;}
.services .picb{ width:50vw;transform: translateX(-10vw);}
.services .itema p{font-size:125%}

}
.services .itema p{margin-top:1.5em;}


.ser1 hr{margin:3em 0;opacity: .2}
.ser1 .item{width:100%;border-bottom:1px solid rgba(255,255,255,.1);padding:2em 0;}
@media(min-width:1000px){
.ser1 .item{width:23%;border-bottom:unset;padding:unset;}
}
.ser1 .item .iconfont{font-size:480%;line-height: 80px;}
.ser1 .item .iconfont.icon-jishuyoushi2{font-size:430%;}
.ser1 .item p{opacity: .7}
.ser1 .serbg{width:100%;position: absolute;left:0;top:0;opacity: .3;height:100%;object-fit: cover;z-index:1;}
.ser1 .w94{z-index:5;position: relative;}
.jobs .tt{background-color:#fff;padding:1em 2em;margin-bottom:.5em;cursor: pointer;transition: 600ms;}
.jobs .tt.on,.jobs .tt:hover{background-color:#00479d;color:#fff; margin-bottom:0}
.jobs .tt .iconfont{display: inline-block;}
.jobs .tt.on .iconfont{transform: rotate(90deg);}
.jobs .detail{background-color: #fff;padding:2em;margin-bottom:.5em}
.jobs .detail hr{opacity: .5;margin:1.5em 0}


@media(min-width:1940px){
    .services .picb{transform: translateX(-17.5vw)}
}

/*下载中心*/
.downlist i {
    margin: 0 .5rem 0 0;
}

.downlist span {
    margin-left: 2rem
}

.downlist .flex {
    justify-content: space-between
}

.downlist a {
    border-bottom: #eee 1px solid;
    padding: 1rem 1.5rem;
    display: block;
}

.downlist a:nth-child(even) {
    background-color: #fafafa;
}


.fpmenu a{position: relative;}

.st2 img{max-width:8vw}
/*适应*/
@media (max-width: 600px) {
.bg1a .services{padding-top:4vh;padding-bottom:4vh;}
.services .itemb{margin-top:4vh;}
.bg1a .services .itemb{margin-bottom:4vh;margin-top:0}
.formul li.w50 {
    width: 100%;
}

.formul li.w33 {
    width: 100%;
}
    .idxpa.w94{width:100%}
    .idxp .swiper-slide a h4{font-size:16px}
    footer .flex > div{width:100%}
    footer .flex > div > a{margin-bottom:unset;padding:.75em;font-size:unset; }
    .fpmenu a i{color:#fff;}
    .fpf a{border-bottom:1px solid rgba(255,255,255,.1)}
    .powerby{justify-content: center;}
    .powerby div{width:100%;}
    .powerby .text-center{display:none;}

    .flogo{margin-top:10vw;}
    
    .picmax .swiper-slide img{width:100%}
    .pro-list .flex li a{overflow: hidden;}
    .vh28{height:22vh}
    .author{width:100%;text-align:center;left:auto;right:auto;margin:auto;bottom:2%}
    .banner .txtcon{top:11%}
    .row.flex{display: block;}
    .lefttit{margin-bottom:2rem}


    .promenu {
    display: none;
}

.pro-list .flex li,.newslist dd{padding:15px 0}



    .position{display: none;transform: translateY(0);}
    .bigit .txtcon{width:80%}
    .container{padding-left:30px;padding-right:30px;}


    .page-about.container,
    .pagebanner .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .banner .txtcon div {
        max-width: 100%
    }

    .swipernav {
        display: none;
    }

    .development hr {
        top: 263px
    }

    .flex,
    .prodetail,
    .foot2 {
        flex-wrap: wrap;
    }
    .prodetail{padding-top:2rem}
    .footer {
        line-height: 1.5;

    }

    .fpmenu {
        width: 100%;
        border-bottom: 1px rgba(255, 255, 255, .1) solid
    }

    .fpmenu ul {
        padding:1em;padding-top:0;
    }
    .fpmenu ul li{display: inline-block;width:49%}
    .fpmenu a {
        display: block;padding:.5em 0;
    }



    .probanner {
        height: calc(30vh);
        margin-bottom: 2rem;
    }

    .probanner .txtcon {
        top: 20%;
        width: 90%
    }



    .probanner .txtcon span {
        font-size: 45px
    }

    .probanner .txtcon p {
        font-size: 73%
    }

    .probanner img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        max-width: none;
        object-position: center center
    }

    .prodetail {
        margin: 0;
        overflow-x: hidden;
    }

    .prodetail .litem,
    .prodetail .ritem {
        width: 100%;
        margin-bottom: 2rem;
        padding-right: 30px;
        padding-left: 30px
    }


    .content .prodetail .litem,
    .content .prodetail .ritem {
        padding-left: 0;
        padding-right: 0
    }

    .parallax {
        padding: 1.8em;
    }

    .img2 img {
        height: 50vh;
        object-fit: cover;
    }


    .dform {
        width: 100%;
        position: relative;
    }

    .drive {
        height: auto;
    }

    .formul li {
        width: 100%
    }

   



    .flogo {
        width: 150px;
    }

    .cola {
        padding-bottom: 2rem;
    }

    .foot2 {
        border-bottom: none;
        padding: 0
    }

    .otmenu h3:nth-child(1) {
        border-top: 1px solid rgba(255, 255, 255, .1);
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .index.caselist dd:last-child {
        display: none
    }

    .caselist dd {
        padding: 5px;
    }

    .newslist,
    .caselist {
        margin-left: -5px;
        margin-right: -5px;
    }






    .header-menu .head-logo {
        width: 180px
    }


    .head-logo a {
        display: block;
        height: 100%;
    }

    .banner .txtcon div {
        font-size: 85%
    }

    .banner .txtcon .but a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }


    .history:after {
        left: 50px
    }

    .hiscon .pic {
        width: 100px;
        height: 100px;
    }

    .hiscon .info {
        width: calc(100% - 100px)
    }

    .w94 {
        width: calc(100% - 60px);
    }

    .ritem h1,
    .thin {
        font-weight: 400
    }

    .foot2 h3,
    .colc ul li {
        font-size: 110%
    }



    .bannerpage .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }

    .ctinfo .item {
        width: 100%
    }

    

    .map .pic {
        height: 30vh;
    }

    .map img {
        object-fit: cover;
        object-position: center center;
        width: 100%;
        height: 100%
    }

    .colors li {
        width: 50px;
        height: 50px;
        margin: 10px
    }

    .pros li {
        width: calc(33.3333333% - 20px);
    }

    .powerby {
        text-align: center;
        padding-top: 1rem;font-size:80%;
    }
    .colc ul:before,.colc ul:after{clear:both;content:'';display: table}
    .powerby i {
        display: block;
    }
}



.photos {
    position: relative;
}

.photos hr+ul {
    display: flex;
    flex-wrap: wrap;
}

.photos ul li {
    width: 50%;
    padding: 10px
}

@media(min-width:900px) {
    .photos ul li {
        width: 33.33333%
    }
}

.photos ul li a {
    display: block;
}

.photos ul li .pic {
    padding-bottom: 100%;
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
}

.photos ul .pic img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
    object-fit: cover;
}

.btt {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 555;
    transform: translateY(-50%);
}

.btt span {
    display: none;
}

.btt div {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    transition: 400ms;
}

.btt div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btt a {
    background-color: #ccc;
    display: block;
    height: 100px;
    width: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.btt .iconfont {
    font-size: 150%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 30px;
}

.btt.pprev a div {
    left: -100px;
}

.btt.pnext a div {
    right: -100px;
}

.btt.pprev a:hover div {
    left: 0
}

.btt.pnext a:hover div {
    right: 0
}

.btt.pprev a:hover .iconfont {
    left: calc(100% - 15px)
}

.btt.pnext a:hover .iconfont {
    left: 15px
}

.pnext.btt {
    left: auto;
    right: 0;
}

.btt a:hover {
    width: 130px;
    background-color: #ff6600;
}

.btt a:hover i,
.btt a:hover span {
    color: #fff
}

.foot2 h3 a,
.foot2 h3 {
    display: block;
}

.foot2 h3 a:hover {
    color: #fff
}

@media(min-width:900px) {
    .foot2 h3+h3 {
        margin-top: 2rem
    }
}




@media(min-width:900px){
.lefttit {
    position: absolute;
    top: 0;
    left: 0
}

.newsalon {
    width: calc(100vw - 30vw);
    left: 25%;
    top: 0;
}
}
.newsalon h6 {
    padding: 1rem;
    margin-top: 0
}
.newsalon .swiper-slide:hover a .bg4
{background-color:#ff6600}
.newsalon .swiper-slide:hover a h6{
color:#fff;
}

.newsalon img {
    object-fit: cover;
}



.ticos {
    font-size: 25px;
}

.ticos li {
    width: 70px;
    text-align: center;
    cursor: pointer;
    transition: 600ms;
    

}
.ticos li .iconfont{
    border:1px solid #fff;display: inline-block;
    border-radius: 5em;
    text-align: center;
    line-height: 50px;
    height:50px;
    width:50px;
    color:#fff;
}
.ticos li:hover .iconfont{background-color:#ff6600;border-color:#ff6600;color:#000}

@media(min-width:960px){
.col-lg-7.teamdes{padding-left:80px}
}
.ticos li:hover{color:#ff6600}

.cers > div img{height:100%;width:100%;max-width:unset}


.ndtcon{padding:3rem;margin-left:-15px;margin-right:-15px}
.ndtcon .info{padding:1rem 0 0 ;}
.ndtcon2 img{width:100%}
.ndtcon2 .row.flex,.itemcenter{align-items: center;}
.ndtconb .bg5,.ndtconb .bluebg{height:100%}
.ndtconb .info{padding:2rem;}
.table-header{position: relative;text-align: center;padding-top:50px !important;
vertical-align: top;}
.table-header img:nth-child(1){max-height:100px;position: absolute;top:-30%;left:50%;transform: translateX(-50%);}
.tb2{margin-top:50px}
.tbb .table-header img:nth-child(1){top:-70%}
.table-spec img{width:70px;height:70px;}
.table-spec{text-align: center;font-weight:800}
.ndtconb .info.softicon{padding-top:75px}

.softicon img{position: absolute;top:-25%;max-height:150px}
.row.flex > div p{margin:1rem 0}
.qrs li{position: relative; text-align: center;}

@media(min-width:700px){
.qrs .qrsd{position: absolute;right:100%;top:0;width:0;height:0;opacity: 0;transition: 600ms;}
.qrs li:hover .qrsd{width:139px;height:139px;opacity: 1}
}

  .float-right-box{display:none;position: fixed;}



@media(min-width:868px){
.float-right-box {
    display: block;
    width: 60px;
    right: 2rem;
    bottom: 10%;    
    z-index: 1000;
    -webkit-transition: width 0.3s ease 0s;
    transition: width 0.3s ease 0s;
  }
  


 

}

 .top-list li {
    margin: 5px 0;
    height:60px;line-height: 60px;
    position: relative;
    cursor: pointer;text-align: center;
    border-radius: 5em;background-color: #fff;
    border:1px solid #eee;
  }
  .top-list li:hover {color: #fff;background-color: #222;border:1px solid #222;}
  .top-list li .iconfont{font-size:20px;z-index:55}
  .top-list a {
    display: block;
    color: #222;
  }
   .top-list a:hover .iconfont {
    color: #fff;
  }


  
  #wechat .img {
    position: absolute;
    right: 120%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 137px;
    height: 137px;
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 0;
 }
  
  #wechat .img img {
  }


  .teltxt{position: absolute;
    right: 110%;
    width: 0;
    height:0;
    text-align: left;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background-color: #222;
    border-radius: 5em;
    transition: 400ms;
    overflow:hidden;
    font-size:0;
  }
  


  .float-right-box .top-list li:hover #wechat .img {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  .float-right-box .top-list li:hover .teltxt{
    opacity: 1;
    font-size:100%;
   width:220px;
    height:60px;line-height: 60px;text-align:center;
  }
  .float-right-box .top-list li.am-gotop {
    opacity: 0;
    display: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-bottom: 0;
  }
  
  .float-right-box .top-list li.am-gotopon {
display: block;
    opacity: 1;
  }


.picmax{background-color:#fff;}
.picmax .swiper-wrapper{align-items: center;}
.picmax .swiper-slide{text-align: center;}
.picmin .swiper-slide{border:1px solid #eee;cursor: pointer}
.picmin .swiper-slide img{opacity: .3}
.picmin .swiper-slide-thumb-active img{opacity: 1}
@media(max-width:768px){
.float-right-box{width:100%;right:0;bottom:0;box-shadow:0 10px 20px rgba(0,0,0,.1);background-color: #fff;display: block;
}
.float-right-box .top-list ul{display: flex;justify-content: space-between;width:95%;margin:auto;}
.float-right-box .top-list li{width:25%;border:none;border-radius: 0;margin:0;}

#wechat .img {
    right: auto;
    left:0;
    width: 157px;
    height: 157px;
    top: auto;
    bottom:110%;

 }
  



  .teltxt{
    right: auto;
    left:0;
    top: auto;
    bottom:110%;
    transform: translateY(0);
    border-radius: 0;
  }

}




@media(min-width:768px){

}


/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 100%;padding:.5rem
}

.grid-item {
  float: left;
}


@media(min-width:768px){
.grid-item,.grid-sizer{width:33.33333%;padding:.5rem}
}

@media(min-width:1200px){
.grid-item,.grid-sizer{width:25%;padding:.5rem}
}

.grid-item img{width:100%;}
.grid-item a{display: block;position: relative;}
.grid-item a .info{position: absolute;bottom:0;left:0;
background-color: rgba(0,0,0,.6);padding: 1rem 1.5rem;color:#fff;width:100%;

}
.grid-item a i{position:absolute;opacity: 0;bottom:1rem;right:1rem;color:#fff;}
.grid-item a:hover i{opacity: 1;}
.idxcase{max-width:1900px;margin-left:auto;margin-right:auto;flex-wrap:wrap;}
.idxcase img{width:100%}
.idxcase a{padding:5px;display: block;}
.idxcase > div{width:47.6%;}
.idxcase .col-a{width:37.5%}
.idxcase .col-b{width:62.5%}
.idxcase .col-d{width:52.4%}

@media(min-width:960px){
.idxcase > div{width:25%;}
.idxcase .col-a{width:17.5%}
.idxcase .col-b{width:29.9%}
.idxcase .col-d{width:27.6%}
}
@media(min-width:700px){

}


.loadingArea{
position:fixed;
left:0;
top:0;
z-index:99999;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
justify-content:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
align-items:center;
width:100%;
height:100%;
background: linear-gradient(270deg, rgba(221, 33, 167, 1) 0%, rgba(242, 162, 63, 1) 100%);
}

.loadingArea .logoa{
opacity:0;
pointer-events:none;
-webkit-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
transform: scale(1.7);
position: relative;
width: 35vw;
}

.loadingArea.show .logoa{
opacity:1;
transform: scale(1);
}

.loadingArea.out{
opacity:0;
pointer-events:none;
-webkit-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
.loadingArea.out .logoa{
  transform: scale(.5);
  -webkit-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}


/* 滚动条样式 */
    
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #00479d;
}